要实现自定义日期不可选的月历jquery 时间格式,您可以使用 jQuery datepicker 插件。 以下是实现步骤: 1. 在 HTML 中添加 input 元素以显示日期选择器。 ``````2. 在JavaScript代码中初始化datepicker插件并设置不可选择的日期。 ```$(function() { $("#datepicker").datepicker({beforeShowDay: function(date) {// 这里设置一个不可选择的日期 var disabledDates = ["2021-07-10", "2021 - 07-15", "2021-07-20"];var string = jQuery.datepicker.formatDate('yy-mm-dd', date);return [disabledDates.indexOf(string) == -1]} } ) ;});```在beforeShowDay回调函数中,您可以根据需要设置非可选日期。 例如,在前面的代码中,设置了三个非可选日期。 3、可以进一步设置datepicker的各种选项,如日期格式、语言等。 ```$(function() { $("#datepicker").datepicker({dateFormat: "yy-mm-dd", language: "zh-CN",beforeShowDay: function(date) {// 此处设置不可选择的日期 var disabledDates = ["2021-07-10", "2021-07-15", "2021-07-20"]; var string = jQuery.datepicker.formatDate('yy-mm-dd', date );return [disabledDates.indexOf(string) == -1]} });});```在前面的代码中jquery 时间格式,日期格式设置为“年-月-日”,语言为英语。
常见问题
相关文章
猜你喜欢
- jquery选择图片-jQuery实现下拉框图片选择功能example_jquery 2024-05-02
- jquery选取元素-jquery 选择元素 2024-05-02
- jquery转换数组-简要讨论 jQuery 操作类字段的工具 2024-05-01
- 加载中 jquery-Jquery Mobile页面加载风暴(pagebeforeload、page 2024-04-29
- jquery 加载进度-jQuery/CSS3炫丽动画效果插件animate 2024-04-28
- 后台模板 jquery-添加、删除、修改和检查-bootstrap 2024-04-28
- jquery 浏览器 支持-360浏览器不支持jquery怎么办? 2024-04-27
- jquery 获取 select 的值-jQuery 获取选中值并移除选中状态 2024-04-24
- java 调用jquery-java编程中调用js的方法分析 2024-04-15
- jquery 单页面-实现 jQuery 单页应用程序 (Implementing jQuery Si 2024-04-15