Jquery日期选择器格式日期不起作用
这是我的密码:Jquery日期选择器格式日期不起作用,jquery,datepicker,Jquery,Datepicker,这是我的密码: $(function () { $("#datepicker").datepicker({ dateFormat: 'DD-MM-YY' }); }); 显示日期时间选择器,但格式为mm/dd/yyyy。为什么它不工作?这是默认设置,意味着它无法识别您的选项 尝试: (小写字母)试试这个 $(".datepicker").datepicker({dateFormat: 'dd-mm-yy'}); small letter将起作用请参阅这个为我工作的JSFIDLE链接示
$(function () {
$("#datepicker").datepicker({ dateFormat: 'DD-MM-YY' });
});
显示日期时间选择器,但格式为mm/dd/yyyy。为什么它不工作?这是默认设置,意味着它无法识别您的选项 尝试: (小写字母)试试这个
$(".datepicker").datepicker({dateFormat: 'dd-mm-yy'});
small letter将起作用请参阅这个为我工作的JSFIDLE链接示例:
设置默认格式将解决问题,此解决方案对我有效,而上述所有方法都无效
$.datepicker.setDefaults({
dateFormat: 'yy-mm-dd'
});
来源:完整示例:
在jsp中:
<div id="datepicker"></div>
根据所用日期选择器的版本,正确的格式可能是:
$('#datepicker').datepicker({ format: 'yyyy-mm-dd' });
这个适合我
$('#datepicker').datepicker({ format: 'dd-mm-yyyy' });
如果您从后端框架/服务获取默认日期值,即
Asp.Net MVC
,则在您的输入上启动datepicker
时设置dateFormat
,最初不会格式化日期
$(函数(){
$(“#日期开始”).datepicker({
日期格式:“mm/dd/yy”,
onSelect:函数(开始日期){
...
}
});
});
上面的屏幕截图显示,即使我用一个短日期初始化输入,如03/15/2018
,datepicker
最初也不会选择格式。之后的所有选择都将按预期工作
解决方法是,在日期选择器
初始化后,必须手动设置日期格式
选项:
$(函数(){
//$(“#日期开始”).datepicker({
//日期格式:“mm/dd/yy”,
//onSelect:函数(开始日期){
// ...
// }
// });
//$(#date start')。日期选择器('option','dateFormat','mm/dd/yy');
//或者你可以把它们锁起来
$(“#日期开始”).datepicker({
日期格式:“mm/dd/yy”,
onSelect:函数(开始日期){
...
}
}).datepicker('option'、'dateFormat'、'mm/dd/yy');
});
试试这个:
$(function() {
$('#datepicker').datepicker({
dateFormat: 'dd/mm/yy',
}).datepicker('option', 'dateFormat', 'dd/mm/yy');
});
它可以100%工作。尝试只使用格式选项而不是日期格式
$('#datepicker').datepicker({
format: 'dd-mm-yyyy'
});
C.:-
CSHTL:-
@Html.EditorFor(model => model.DOB, new { htmlAttributes = new { @class = "form-control" , @required = "required", @autocomplete="off"} })
$(document).ready(function () {
var validationerror = false;
$('input[type=date]').datepicker({
dateFormat: "yy-mm-dd",
changeMonth: true,
changeYear: true,
yearRange: "-60:+0"
});
我也有类似的问题:
dateFormat
设置为默认值,但不起作用
$.App.Utils.DatePicker={
初始化:函数(事件){
$.datepicker.SetDefault({
日期格式:“年月日”,
第一天:1,
变化月:对,
变化年:是的,
showOtherMonths:是的,
选择OtherMonths:true,
showOn:“两者都有”,
buttonImage:“/assets/calendar.png”,
buttonImageOnly:true
})
},
激活:功能(事件){
this.initialize()
$('input.datepicker').datepicker()
}
但日期仍然以默认格式显示,带有斜杠,如02/03/2021
。默认情况下可能无法覆盖此选项
工作解决方案:从setDefaults
中删除dateFormat
,并在初始化日期选择器时进行设置:
activate: function(event) {
this.initialize()
$('input.datepicker').datepicker({ dateFormat: 'dd.mm.yy' })
}
你看到了吗:?这让人困惑,但“yy”实际上给出了4位数的年份。这取决于哪个日期选择器,以及它的哪个分布。不同的日期选择器对大写字母y和小写字母d有不同的含义。每个人都想为他们的“特殊”版本重新发明一切,而不是坚持strftime标准。是吗“format”还是dateFormat?只要不断地胡乱摆弄,直到你“发现”特定作者认为做这件事的“更酷的方式”为止。@JosephK完全是这样!API文档非常清楚属性是“dateFormat”,但在读了你的评论之后,我尝试了“format”,它开始工作了。哦,为了额外的乐趣,我需要使用“yyyy”对于四位数的日期。是的,一致性FTW:-/如果您找到“格式”并使用“yyy”而不是“yy”正在为您工作,您可能实际上正在使用datepicker的引导版本。请确保检查您的脚本src include.js文件,以查看您正在使用谁的datepicker。虽然此代码可能会回答这个问题,但提供一些关于如何以及为什么解决此问题的附加上下文将提高答案的长期价值。您为我节省了一个时间lso。干杯!这正在工作。请尝试仅使用格式选项而不是dateFormat。因为datepicker的版本不同。谢谢,dateFormat:“dd-mm-yy”在我的代码中不起作用。格式正在工作
$('.datepicker').datepicker({
format: 'dd-mm-yyyy',
autoclose: true
})
[Column(TypeName = "date")]
[Display(Name = "Date of Birth")]
[Required]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime? DOB { get; set; }
@Html.EditorFor(model => model.DOB, new { htmlAttributes = new { @class = "form-control" , @required = "required", @autocomplete="off"} })
$(document).ready(function () {
var validationerror = false;
$('input[type=date]').datepicker({
dateFormat: "yy-mm-dd",
changeMonth: true,
changeYear: true,
yearRange: "-60:+0"
});
activate: function(event) {
this.initialize()
$('input.datepicker').datepicker({ dateFormat: 'dd.mm.yy' })
}