jQuery datepicker显示格式

时间:2011-12-29 19:18:31

标签: jquery datepicker format

我有MySQL表和日期字段(yy-mm-dd)。

我有使用datepicker编辑它的表单,它工作正常。

但在前端日期显示为mm-dd-yy,这可能令人困惑。

我想使用datepicker字段将值显示为mm-dd-yy,但实际值应为旧格式(yy-mm-dd)。

如何达到这个目标?

补充:我知道如何更改日期格式。我想要单独显示的值和实际值。这就是它的全部意义。

3 个答案:

答案 0 :(得分:16)

jQuery UI Datepicker小部件附带altFieldaltFormat选项,允许您设置辅助(如果需要,隐藏)表单输入,以任何格式存储日期:

$( ".selector" ).datepicker({
    altField  : '#actualDate',
    altFormat : 'yy-mm-dd'
});

来源:http://jqueryui.com/demos/datepicker/#option-altFormat

以下是演示:http://jsfiddle.net/MmKmq/

答案 1 :(得分:0)

看一下这个jquery页面,它会引导你找到你想要的东西:

http://docs.jquery.com/UI/Datepicker#option-dateFormat

至于将其处理为yy-mm-dd,您可能需要通过网页上的方法重新排列格式。

答案 2 :(得分:0)

你可以试试这个:

<input type="text"   id="displayDate" />
<input type="hidden" id="submittedDate" />

<script type="text/javascript">

   $(document).ready(function() {

      $("#displayDate").datepicker({
         dateFormat: 'MM dd, yy', // this is the format of the date that will be shown
         onSelect: function(dateText, inst) {
            var date  = new Date(dateText);
            $("#submittedDate").val(date.getTime()); // transform into what you want to submit here
         }
      });

   });

</script>