Jquery内联Datepicker,包含表单字段和受限日期范围

时间:2012-09-05 18:03:51

标签: jquery date datepicker range inline

我已采用此网站上发布的代码,以便让内联日期选择器在表单字段中显示所选日期。 http://elementdesignllc.com/demos/datepicker_inline.html

    <script type="text/javascript">
    $().ready(function() {

    $("#datepicker").datepicker({
onSelect: function(dateText, inst) { 
    $("#datepicker_value").val(dateText);
}
    });

    });

尝试实施受限日期范围时,代码会一直失败。

<script>
$(function() {
    $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
});
</script>

任何帮助都将不胜感激。

2 个答案:

答案 0 :(得分:1)

感谢您的建议,即使有些人没有帮助。今天早上我设法解决了 以下是其他可能陷入相同情况的代码

<input id="Range" type="hidden" value="2012/11/10"/ name="newdate">

<script type="text/javascript">
    $(document).ready(function(){
        $("#fromCalendar").datepicker({ altField: "#Range", altFormat: 'yy/mm/dd', minDate: +65, maxDate: "+94D", defaultDate: +64  });
    });
</script>

答案 1 :(得分:0)

在jsfiddle上看一下这个例子:

http://jsfiddle.net/4kpWp/3/

在您的代码中,您设置了2个“日期选择器”,指的是相同的ID,我只使用1个带有ID #datepicker的日期选择器。