Question

我正在使用jQuery UI datepicker，基本上在页面加载时我第一次点击datepicker显示的输入字段，但是如果我再次点击它就没有任何反应。

有谁能告诉我哪里出错了？

$(document).ready(function() {
    $('#delDate').datepicker({ 
        dateFormat: 'dd-mm-yy',
        minDate: 0 
    });
});

<input type="text" name="delDate" id="delDate" value="" />

如果您点击第一页上的图片然后继续按下，则会在步骤4中对其进行质疑 http://www.xperience-web.com/heywood/?page_id=32

Answer 1

可能是您想要将0更改为null

http://api.jqueryui.com/datepicker/#option-minDate

Answer 2

适合我，演示：http://jsfiddle.net/qZ6b5/

演示中缺少样式是因为只引用了jquery ui脚本，而不是css文件。

HTML：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<input type="text" name="delDate" id="delDate" value="" />

JS：

$('#delDate').datepicker({ 
        dateFormat: 'dd-mm-yy',
        minDate: 0 
    });

Answer 3

您的文档就绪代码似乎格式不正确。像这样写，然后再试一次：

$(function() {
    $('#delDate').datepicker({
        dateFormat: 'dd-mm-yy'
    });
});

Answer 4

在花了很长时间试图解决这个问题后，我最终使用了不同的日期选择器，并且它第一次运行。

jQuery Ui datepicker仅在第一次点击时显示

4 个答案: