jQuery日历

最新推荐文章于 2024-11-21 19:31:08 发布

anyking0520

最新推荐文章于 2024-11-21 19:31:08 发布

阅读量694

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery stylesheet 日历 css function ui

本文链接：https://blog.youkuaiyun.com/anyking0520/article/details/8102320

jQuery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在项目中引入jQuery UI，并实现日期选择器的功能。此外，还提供了将日期选择器汉化的详细步骤。

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

首先下载jquery ui，

然后将以下文件导入工程中，然后导入在jquery ui中与css文件同一个根目录下的images文件夹，将images文件夹与css文件放在工程的同一个目录下。

<script charset="utf-8" type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script charset="utf-8" type="text/javascript" src="js/jquery-ui-1.9.0.custom.min.js"></script>
<link rel="stylesheet" href="js/jquery-ui-1.9.0.custom.min.css" type="text/css"></link>

然后加入

<input type="text" id="datepicker">

<script>$( "#datepicker" ).datepicker();</script>

这时单击文本框就可以弹出日历框，不过是英文的，下面汉化：

<script>
$( "#datepicker" ).datepicker();
jQuery(function($){
if($.datepicker){
$.datepicker.regional['zh-CN']={
closeText:'关闭',
prevText:'<上月',
nextText:'下月>',
currentText:'今天',
monthNames:['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
monthNamesShort:['一','二','三','四','五','六','七','八','九','十','十一','十二'],
dayNames:['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
dayNamesShort:['周日','周一','周二','周三','周四','周五','周六'],
dayNamesMin:['日','一','二','三','四','五','六'],
dateFormat:'yy-mm-dd',
firstDay:1,
yearSuffix:'年'
};
$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
}
}
);
</script>

搞定。