抽象出JSCalendar，可直接使用，非常簡單

最新推荐文章于 2024-08-16 07:53:54 发布

kenbli

最新推荐文章于 2024-08-16 07:53:54 发布

阅读量221

点赞数

分类专栏： Web开发类文章标签： HTML

Web开发类专栏收录该内容

38 篇文章 0 订阅

订阅专栏

1.引入JSCalendar


<!--導入calendar -->
<script type="text/javascript" src="styles/calendar/calendar.js"></script>
<script type="text/javascript" src="styles/calendar/calendar-setup.js"></script>
<script type="text/javascript" src="styles/calendar/lang/calendar-en.js"></script>
<link href="styles/calendar/calendar-win2k-cold-1.css" type="text/css" rel="stylesheet"/>

2.直接使用


<input type="text" id="cal-field-1" name="duedate" value=""/>   
          			<button type="button" id="cal-button-1">...</button>
          						<script type="text/javascript">
          						Calendar.setup({
          						inputField    : "cal-field-1",
          						ifFormat    : "%Y-%m-%d", 
          						button        : "cal-button-1"});
          						</script>

注意：
inputField : "publisherDate", // id of the input field
ifFormat : "%Y-%m-%d", // the date format
button : "publisherDateBt" // id of the button

官方網站：
[url]http://www.dynarch.com/projects/calendar/[/url]