想提升一下前端技术，初学日期控件datepicker（一）

来源：互联网发布：mac 移动硬盘装双系统编辑：程序博客网时间：2024/06/06 11:36

遇到前端的一个日期控件datepicker，就突然想学习了解一下，顺便做个笔记

1.必须引入 jQuery 和添加datepicker支持，有几种方式，我知道两种

一种是引入jQuery.min.js和bootstrap-datepicker.min.js，第二种是引入jQuery.min.js和jQuery.ui.js

当然还有CSS样式，或许还可以添加中文版.js

2.我讲的是第一种引入jQuery.min.js和bootstrap-datepicker.min.js，以及CSS样式，并且添加中文

3.修改bootstrap-datepicker.min.js代码，给其添加中文支持，这个查了一些资料得到

var dates = $.fn.datepicker.dates = {en: {days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],today: "Today",clear: "Clear"},cn: {days: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],daysShort: ["日", "一", "二", "三", "四", "五", "六", "七"],daysMin: ["日", "一", "二", "三", "四", "五", "六", "七"],months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],today: "今天",clear: "清除"，                       titleFormat: "MM yyyy"           }//cn是我添加的中文支持   author小神};

并将默认语言方式设置为cn——language: "cn"（bootstrap-datepicker.min.js中）

4.可以给页面加一点样式，我样式基础很烂，调的很难看，有空要加强一下样式

0 0