JqueryUI 日期选择器

Question

我有一个使用日期选择器的表单字段。

表单字段具有通过 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

What I'd like to do is have datepicker detect this format correctly, so when the picker appears the 14th September 2016 is highlighted.

我还希望当用户选择一个日期时，该字段会显示例如：2016 年 9 月 21 日，但可写回数据库的值将是 160921

这可以做到吗？有人能给我指出正确的方向吗？

谢谢

Answer 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'>

JqueryUI 日期选择器

JqueryUI DatePicker

jquery-ui

datepicker

jquery-ui-datepicker