My97DatePicker日期控件的使用,使用My97DatePicker日期控件

率先要下载该控件的包,下载地址:

正文演示怎么样在MyEclipse项目中使用My97DatePicker日期控件

My97DatePicker

My97DatePicker日期控件的使用,使用My97DatePicker日期控件。http://jingyan.baidu.com/article/e6c8503c7244bae54f1a18c7.html

<input type="text" name="start"id="startDate"class="form-controlWdate"onFocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"style="display:inline;width:150px"/>
援用文件
  <script src="js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>

1、下载My97DatePicker日期控件, My97DatePicker日期控件下载地址

安装控件起先时间:当天

$("#start").val(newDate().getFullYear() +"-" + (new Date().getMonth() + 1) +"-" + new Date().getDate());
date.getMonth()+1   +1不能少,否则是上个月
date.getFullYear()
目录详细情形

图片 1

2、在MyEclipse项目中装置My97DatePicker,把下载后的My97DatePicker解压后放在WebRoot子目录下,如WebRoot/dd/js/My97DatePicker(作者把My97DatePicker放在WebRoot/dd/js/目录下,My97DatePicker为解压后的文书夹)

Datepicker

http://www.runoob.com/jqueryui/example-datepicker.html

常规调用
 <input id="d11" type="text" class="text" onclick="WdatePicker()"  />

图片 2

3、援引My97DatePicker,在要使用的jsp页面中引进js,如下

经过position属性,自定义弹出地点
 <input class="Wdate" type="text" id="d16" onfocus="WdatePicker({position:{left:50,top:50}})" />

图片 3

<script type="text/javascript" src="<%=request.getContextPath() %>/dd/js/My97DatePicker/WdatePicker.js"></script>
年月日时分秒
<input type="text" id="d241" onfocus="WdatePicker({dateFmt:'yyyy年MM月dd日 HH时mm分ss秒'})" class="text" />

图片 4

4、调用My97DatePicker,如下

发表评论

电子邮件地址不会被公开。 必填项已用*标注