jquery.tools.min.js插件dateinput两种运用方法

鱼为情

于 2015-01-09 14:41:06 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/ywq5752952/article/details/42554785

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了使用 jQuery 插件实现两种不同类型的日期选择器的方法。一种是通过将 input type 设置为 text 并利用 dateinput 插件进行扩展；另一种则是直接使用 input type 为 date 的原生 HTML5 元素，并对其进行自定义样式和功能增强。

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

第一种：input type为text的写法

<script type="text/javascript">

		jQuery(document).ready(function(){
			$("#date").dateinput({format: 'yyyy-mm-dd',today:1});
			});
		
		</script>

第二种：input type为date的写法

<input type="date" name="test" value="0" />

<script>
jQuery(function () { 
	$.tools.dateinput.localize("zh-CN", { 
	months: '一月,二月,三月,四月,五月,六月,七月,' + 
	'八月,九月,十月,十一月,十二月', 
	shortMonths: '一,二,三,四,无,六,七,' + 
	'八,九,十,十一,十二', 
	days: '星期日,星期一,星期二,星期三,星期四,星期五,星期六', 
	shortDays: '日,一,二,三,四,五,六' 
	}); 
}); 
</script>

<script> 
$(function () { 
$(":date").dateinput({ 
lang: 'zh-CN', 
format: 'yyyy-mm-dd', 
offset: [30, 0] 
}); 
}) 
</script>

第二个写法，要写

$.tools.dateinput.localize

这里边的参数，不然不显示内容。第一种写法要简单的多，具体看自己需求。