Выбор даты в jquery постоянно открыт - PullRequest
5 голосов
/ 16 декабря 2011

Нормальным поведением DatePicker является открытие при нажатии на текстовое поле и закрытие при выборе даты (нажатие).Что мне нужно сделать, так это сохранить его открытым от загрузки формы и позволить пользователю многократно щелкать. Я обрабатываю событие нажатия

спасибо

Ответы [ 3 ]

9 голосов
/ 16 декабря 2011

В соответствии с документацией, вы можете вызывать его на элементе div вместо ввода, и он останется открытым и будет встроенным.http://jqueryui.com/demos/datepicker/#inline

Вы можете использовать его событие onSelect для обработки при выборе даты.

2 голосов
/ 16 декабря 2011

Если вы используете средство выбора даты jQuery UI, используйте это:

http://jqueryui.com/demos/datepicker/#inline

Затем можно обработать событие щелчка и добавить выбранную дату в текстовое поле.

0 голосов
/ 06 февраля 2018

Я полностью согласен с @Corbin. Я хотел бы привести полный пример, чтобы помочь кому-нибудь в деталях.

Если вы хотите, чтобы jQueryui открывал календарь по умолчанию, также запишите событие щелчка календаря, следуйте нижеприведенным шагам:

HTML-код:

  <div id="myDatePicker" class="DateBox datepicker" style="width:100%;height:200px;"></div>
  <input type="hidden" id="dateHidden" name="dateHidden" />

, и ваш скрипт должен выглядеть следующим образом:

<script>
  $( function() {
    $( ".datepicker" ).datepicker({ 
      altField: "#dateHidden",
      dateFormat: 'yy-mm-dd'})
     .datepicker("setDate", "0");
 } );
</script>

, и вы можете получить выбранное значение даты, как показано ниже:

<script>

   $("#dateHidden").on('input propertychange paste', function(){

      var Loc = $("#Cafe").val();
      var PDate = $("#dateHidden").val();
      //------Functions you call or actions you perform--------//
      //GetLoc(Loc,PDate);

 });

</script>
...