[英]How to change/convert input date format from MM dd yy to yyyy-mm-dd on submit
[英]How to change date format (MM/DD/YY) to (YYYY-MM-DD) in date picker
我有以下日期选择器脚本:
<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?
使用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 );
})
});
请尝试以下操作:
$('#to').datepicker({
dateFormat: 'yy-mm-dd'
});
你会认为它会是 yyyy-mm-dd 但是哦 :P
我有同样的问题,我尝试了很多答案,但没有任何效果。
我尝试了以下方法并且成功了:
<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(); });
这也对我有用。 转到bootstrap-datepicker.js 。
替换此代码:
var defaults = $.fn.datepicker.defaults = { autoclose: false, beforeShowDay: $.noop, calendarWeeks: false, clearBtn: false, daysOfWeekDisabled: [], endDate: Infinity, forceParse: true, format: 'mm/dd/yyyy', keyboardNavigation: true, language: 'en', minViewMode: 0, multidate: false, multidateSeparator: ',', orientation: "auto", rtl: false, startDate: -Infinity, startView: 0, todayBtn: false, todayHighlight: false, weekStart: 0 };
和 :
var defaults = $.fn.datepicker.defaults = { autoclose: false, beforeShowDay: $.noop, calendarWeeks: false, clearBtn: false, daysOfWeekDisabled: [], endDate: Infinity, forceParse: true, format: 'yyyy-mm-dd', keyboardNavigation: true, language: 'en', minViewMode: 0, multidate: false, multidateSeparator: ',', orientation: "auto", rtl: false, startDate: -Infinity, startView: 0, todayBtn: false, todayHighlight: false, weekStart: 0 };
我使用这种方法在我的应用程序中执行相同的操作。
var varDate = $("#dateStart").val();
var DateinISO = $.datepicker.parseDate('mm/dd/yy', varDate);
var DateNewFormat = $.datepicker.formatDate( "yy-mm-dd", new Date( DateinISO ) );
$("#dateStartNewFormat").val(DateNewFormat);
在您的日期选择器初始化期间,您需要这样的东西:
$("#your_elements_id").datepicker({ dateFormat: 'yyyy-mm-dd' });
只需将dateFormat:'yy-mm-dd'
到您的.datepicker({})
设置中,您的.datepicker({})
看起来像这样
$( "#datepicker" ).datepicker({
showButtonPanel: true,
changeMonth: true,
dateFormat: 'yy-mm-dd'
});
});
</script>
尝试这个:
$.datepicker.parseDate("yy-mm-dd", minValue);
使用.formatDate( format, date, settings )
这对我有用。
$('#thedate').datepicker({
dateFormat: 'dd-mm-yy',
altField: '#thealtdate',
altFormat: 'yy-mm-dd'
});
这对我有用:
$('#data_compra').daterangepicker({
singleDatePicker: true,
locale: {
format: 'DD/MM/YYYY'
},
calender_style: "picker_4", },
function(start, end, label) {
console.log(start.toISOString(), end.toISOString(), label);
});
这是在每个 datePicker 版本中对我有用的方法,首先将日期转换为内部 datePicker 日期格式,然后将其转换回所需的格式
var date = "2017-11-07";
date = $.datepicker.formatDate("dd.mm.yy", $.datepicker.parseDate('yy-mm-dd', date));
// 07.11.2017
对我来说 datetimepicker jquery 插件格式:'d/m/Y' 选项有效
$("#dobDate").datetimepicker({
lang:'en',
timepicker:false,
autoclose: true,
format:'d/m/Y',
onChangeDateTime:function( ct ){
$(".xdsoft_datetimepicker").hide();
}
});
只需要在这里定义yy-mm-dd 。 日期格式
默认为mm-dd-yy
将 mm-dd-yy 更改为 yy-mm-dd。 看下面的例子
$(function() {
$( "#datepicker" ).datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: true
});
} );
Date: <input type="text" id="datepicker">
$('#selectdateadmin').focusin( function() { $("#selectdateadmin").datepicker(); });
谢谢大家。 我得到了预期的输出
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script>
$(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 );
})
});
</script>
<div class="">
<p>From Date: <input type="text" id="from"></p>
<p>To Date: <input type="text" id="to"></p>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.