JqueryUI DatePicker

时间:2016-09-14 07:50:47

标签: jquery-ui datepicker jquery-ui-datepicker

我有一个使用datepicker的表单字段。

表单字段具有通过php以yymmdd

格式应用的值
<input type='text' id='date' name='date' value='<?php echo $date ?>'>

JQuery的:

$("body").on('focus', '#date', function(){
        $( this ).datepicker({ dateFormat: "d MM yy", minDate: 0, maxDate: "+1Y -1D"});     
    });

当页面加载时,该值出现在字段中,例如:160914

我想做的是让datepicker正确检测这种格式,因此当选择器出现时,2016年9月14日会突出显示。

我也喜欢当用户选择日期时,该字段会显示例如:2016年9月21日,但可写回数据库的值为160921

可以这样做吗?有人能指出我正确的方向吗?

由于

1 个答案:

答案 0 :(得分:1)

我想我找到了适合你的解决方案。只是要注意你的dateFormat错了。查看documentation了解所有详细信息。然而:)也许是好主意用Php打印更好的日期,一些有用的格式,如Y-m-d。检查一下,祝你好运:

$('input').datepicker({ altFormat: "y mm d", dateFormat: "dd MM yy", minDate: 0, maxDate: "+1Y -1D"});
$('input').val($.datepicker.formatDate("dd MM yy", $('input').datepicker("getDate")));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>

<input type='text' id='date' name='date' value='16 09 14'>