datetimepicker 选中日期显示星期以及自定义格式

最新推荐文章于 2025-05-30 09:06:19 发布

枫林街末

最新推荐文章于 2025-05-30 09:06:19 发布

阅读量5.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端 jquery 文章标签： datetimepicker 选中日期

本文链接：https://blog.youkuaiyun.com/luolian123456/article/details/53156111

web前端同时被 2 个专栏收录

7 篇文章

订阅专栏

jquery

5 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的日期选择器组件，该组件被设置为仅显示日期，并采用中文语言包。此外，还实现了当用户选择日期后，在输入框中显示具体星期几的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

$("#datetimepicker4").datetimepicker({
timepicker: false,
format: "Y-m-d",
language: 'zh-CN', //汉化
onChangeDateTime: function (d) {//选择日期后执行的操作
var c = $("#datetimepicker4").val();
if (c != '') {
var arr = c.split("-");
var newDays = toDate(arr[0], arr[1], arr[2]);
$("#datetimepicker4").val(c + " " + newDays);
}
}
});

//等待dom元素加载完毕.
function toDate(uYear, uMonth, uDay) {
var arr = "日一二三四五六".split("");
with (document.all) {
var vYear = parseInt(uYear, 10);
var vMonth = parseInt(uMonth, 10);
var vDay = parseInt(uDay, 10);
}
var date = "星期" + arr[new Date(vYear, vMonth - 1, vDay).getDay()];
return date;
}