Как да деактивирате вече избраната дата за следващата кутия за дата в J.T.Sage DateBox

В моето приложение използвам jt.sage DateBox. Искам да деактивирам вече избрания инструмент за избор на дата за следващи полета за дата за пример моята дата1 е като 13.08.14, другите ми полета за дата трябва да избират след 13.08.14 (ЗАБЕЛЕЖКА: зависи от предишните полета за дата) .

Ето демонстрацията на полето за дата FIDDLE FOR.

Има много опции като предотвратяване на утрешния и вчерашния ден, но без включване след избор на текущата дата

        <label for="mydate">Date 1</label>
        <input  id="date1" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' onclick="filterDate(this.id);"/>
        <label for="mydate">Date 2</label>
        <input  id="date2" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' onclick="filterDate(this.id);"/>
        <label for="mydate">Date 3</label>
        <input  id="date3" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' onclick="filterDate(this.id);"/>
        <label for="mydate">Date 4</label>
        <input  id="date4" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' onclick="filterDate(this.id);"/>
        <label for="mydate">Date 5</label>
        <input  id="date5" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' onclick="filterDate(this.id);"/>

Как да направите това, моля, помогнете за разрешаването на този проблем.


javascript jquery date jquery-mobile datebox
person Vini    schedule 13.08.2014    source източник
comment
вижте този пример   -  person Aleksei Bulgak    schedule 13.08.2014
comment
@AlekseiBulgak благодаря, но използвам това за мобилно приложение, така че имам нужда от горепосоченото..   -  person Vini    schedule 13.08.2014
comment
опитайте тази връзка, може да помогне: stackoverflow.com/questions/18734957/   -  person Sheetal    schedule 13.08.2014
comment
@Sheetal благодаря, но имам нужда от mode:datebox   -  person Vini    schedule 13.08.2014
comment
Работи и за полето за дати в режим: jsfiddle.net/QTuma/51   -  person Sheetal    schedule 13.08.2014
comment
@Sheetal благодаря, не искам да избирам вече избрана дата.. във вашата цигулка мога да избера предварително избрана дата..   -  person Vini    schedule 13.08.2014
comment
Можете да деактивирате поле за дата по следния начин: $(#date1).datebox(disable); За да го активирате отново: $(#date1).datebox(enable);   -  person ezanker    schedule 13.08.2014
comment
@ezanker благодаря за отговора..не деактивирайте полето за дата..трябва да деактивирате предварително избраните дати..(ЗАБЕЛЕЖКА: когато полетата за дата се генерират динамично).   -  person Vini    schedule 14.08.2014
comment
Можете да предотвратите по-ранни дати като тази: jsfiddle.net/ezanker/yDyqs/12. За динамично генерирани задайте общ клас и използвайте делегиране на събитие.   -  person ezanker    schedule 14.08.2014
comment
@ezanker благодаря за отговора...направих това, което споменахте...няма начин да деактивирате датите в datpicker?...   -  person Vini    schedule 19.08.2014

Отговори (2)


arrow_upward
1
arrow_downward

Надявам се това да ви помогне: http://jsfiddle.net/QTuma/52/

Just change in the logic for difference calculation:

Start Date
// Get the difference
          var diff = parseInt((((startDate.getTime() - todaysDate.getTime()) / lengthOfDay)+2)*-1,10); 

And End Date

 // Get the difference
          var diff = parseInt((((endDate.getTime() - todaysDate.getTime()) / lengthOfDay)),10); 

This will work for the statement 'example my start date is like 13.08.14 my end date box fields need to select after 13.08.14 .'
person Sheetal    schedule 13.08.2014
comment
благодаря за усилията +1 и моят формат на часа е като 13.08.2014 г. и също така генерирам полетата за дата динамично (не знам колко полета за дата представят някаква представа за това) - person Vini; 13.08.2014
comment
Форматът може да бъде зададен с помощта на тези опции за данни ‹input name=end-date id=end-date type=date data-role=datebox data-options='{mode: datebox, useNewStyle:true,overrideDateFormat:%d/%- m/%Y, overrideDateFieldOrder: [d, m, y]}'/› - person Sheetal; 13.08.2014

arrow_upward
-1
arrow_downward

Актуализирах вашия код въз основа на препратката по-долу,

http://jsfiddle.net/ktbcP/528/

Това трябва да реши проблема ви,

http://dev.jtsage.com/jQM-DateBox/doc/6-2-link/

Надявам се да помогне!!

person user3848478    schedule 13.08.2014
comment
благодаря, ще премина...но използвам по-стара версия на datebox - person Vini; 13.08.2014