JQuery日期选择器插件date-input

时间：2015-05-26 16:13:02 阅读：206 评论：0 收藏：0 [点我收藏+]

JQuery日期选择器插件之date-input

官方网站：http://jonathanleighton.com/projects/date-input/

下载地址：

http://github.com/jonleighton/date_input/raw/master/jquery.date_input.js

http://github.com/jonleighton/date_input/raw/master/date_input.css

中文支持：

[javascript]view
 plaincopy

jQuery.extend(DateInput.DEFAULT_OPTS, {  month_names: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],  short_month_names: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"],  short_day_names: ["一", "二", "三", "四", "五", "六", "日"]});  

说明：默认是日期格式很不好，可以根据需求修改。

全部代码如下：

[html]view
 plaincopy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

<html xmlns="http://www.w3.org/1999/xhtml">  

<head>  

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  

<title>日历</title>  

<script type="text/javascript" src="jquery-1.3.2.js"></script>   

<script type="text/javascript" src="jquery.date_input.js"></script>   

<link rel="stylesheet" href="date_input.css" type="text/css">   

<script>  

jQuery.extend(DateInput.DEFAULT_OPTS, {   

month_names: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],   

short_month_names: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"],   

short_day_names: ["一", "二", "三", "四", "五", "六", "日"],  

 dateToString: function(date) {  

    var month = (date.getMonth() + 1).toString();  

    var dom = date.getDate().toString();  

    if (month.length == 1) month = "0" + month;  

    if (dom.length == 1) dom = "0" + dom;  

    return date.getFullYear() + "-" + month + "-" + dom;  

  }  

});   

$(function() {   

$(".biuuu1").date_input();   

$(".biuuu2").date_input();   

});   

</script>  

</head>  

<body>  

<input type="text" class="biuuu1" name="date"/>   

<input type="text" class="biuuu2" name="date"/>   

</body>  

</html>

示例图：

JQuery日期选择器插件date-input

标签：jquery 页面时间插件

原文地址：http://blog.csdn.net/yangwenxue_admin/article/details/46007835

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行