如何在日期选择器中将日期格式 (MM/DD/YY) 更改为 (YYYY-MM-DD)

IT技术 javascript jquery jquery-ui calendar
2021-01-22 10:05:38

我有以下日期选择器脚本:

<script>
 $(function(){
        $("#to").datepicker();
        $("#from").datepicker().bind("change",function(){
            var minValue = $(this).val();
            minValue = $.datepicker.parseDate("mm/dd/yy", minValue);
            minValue.setDate(minValue.getDate()+1);
            $("#to").datepicker( "option", "minDate", minValue );
        })
    });
</script> 

现在日期格式是 MM/DD/YY 。如何将日期格式更改为 YYYY-MM-DD?

6个回答

使用dateFormat选项

 $(function(){
        $("#to").datepicker({ dateFormat: 'yy-mm-dd' });
        $("#from").datepicker({ dateFormat: 'yy-mm-dd' }).bind("change",function(){
            var minValue = $(this).val();
            minValue = $.datepicker.parseDate("yy-mm-dd", minValue);
            minValue.setDate(minValue.getDate()+1);
            $("#to").datepicker( "option", "minDate", minValue );
        })
    });

演示在http://jsfiddle.net/gaby/WArtA/

@circle1 查看altFormataltField选项。
2021-04-06 10:05:38
我昨天晚些时候找到了那些,你是对的,它的设计完全符合我的需要。
2021-04-06 10:05:38
这是我的问题:我希望屏幕上显示的日期为“mm/dd/yy”,但我希望 DOM 存储“yy-mm-dd”,因为它将在提交时发送到 mySQL。这可能吗?
2021-04-13 10:05:38

请尝试以下操作:

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

你会认为它会是 yyyy-mm-dd 但是哦 :P

还有人,小心mm用小写字母,因为MM会用字母显示月份。
2021-04-09 10:05:38

我遇到了同样的问题,我尝试了很多答案,但没有任何效果。

我尝试了以下方法并且成功了:

<input type=text  data-date-format='yy-mm-dd'  > 
$( ".selector" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );

请参阅:http : //jqueryui.com/demos/datepicker/http://docs.jquery.com/UI/Datepicker/formatDate#utility-formatDate

如果在 jquery 中 dateformat 选项不起作用,那么我们可以在日期输入字段的 html 页面中处理这种情况:

<input type="text" data-date-format='yyyy-mm-dd'  id="selectdateadmin" class="form-control" required>

并在此页面下方的 javascript 中添加您的日期选择器代码:

 $('#selectdateadmin').focusin( function()
     {
       $("#selectdateadmin").datepicker();
       
     });