Question

datepicker的正常行为是在单击texbox时打开，在选择（单击）日期时关闭。我需要做的是从表单加载中保持打开状态，并允许用户反复点击。我正在处理点击事件

感谢

Answer 1

根据文档，您可以在div而不是输入上调用它，它将保持打开状态并且是内联的。 http://jqueryui.com/demos/datepicker/#inline

您可以使用它的onSelect事件来处理选择日期的时间。

Answer 2

如果您使用的是jQuery UI datepicker，请使用：

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

然后，您可以处理点击事件并将所选日期添加到文本字段中。

Answer 3

我完全同意@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>

jquery保持日期选择器一直打开

3 个答案: