1 绑定日期
导入My97DatePicker/WdatePicker.js
body中加入:
<input type="text" id="date" name="date" class="Wdate" onfocus="WdatePicker()" readonly="readonly" />
2 绑定类似开始日期-结束日期
导入My97DatePicker/WdatePicker.js
<script type="text/javascript">
function controlDate(){
var date1 = document.getElementById("startTime").value;
if (date1!="") {
var year = date1.substr(0,4);
var month_1 = date1.substr(5,1);
var month_2 = date1.substr(6,1);
var last ;
if (month_1=="0") {
last = year+'-'+(parseInt(month_2)+1)+'-01';
}else {
last = year+'-'+(parseInt(month_1+month_2)+1)+'-01';
}
document.getElementById("lastDate").value=last;
WdatePicker({minDate:'#F{$dp.$D(\'startTime\',{d:2});}',maxDate:'#F{$dp.$D(\'lastDate\',{d:-1});}'});
}else {
WdatePicker();
}
}
</script>
body中加入:
<input type="text" id="startTime" name="startTime" class="Wdate" onfocus="WdatePicker()" readonly="readonly" /> -
<input type="hidden" id="lastDate" />
<input type="text" id="endTime" name="endTime" class="Wdate" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'startTime\',{d:1});}'});" readonly="readonly" />
分享到:
相关推荐
2. **初始化控件**:通过JavaScript在需要添加日期选择功能的input元素上绑定My97DatePicker。 3. **配置参数**:根据需求设置控件的属性,如语言、日期格式、初始值等。 4. **处理事件**:如果需要,可以定义选中...
在网页中使用My97DatePicker,首先需要引入相关的JavaScript和CSS文件,然后通过JavaScript代码调用`WdatePicker()`函数来绑定控件到指定的输入框。 ```html <!DOCTYPE html> ...
**JS版日历My97DatePicker详解** My97DatePicker是一款功能强大且易于使用的JavaScript日期选择器组件,专为网页开发者设计,旨在提供一个高效、无刷新、支持中文显示的日历插件。这款组件以其出色的用户体验和高度...
My97Datepicker是一款广泛使用的JavaScript日历控件,它为网页开发提供了强大的日期选择功能。这款控件以其丰富的自定义选项、良好的兼容性和高效性能而受到开发者喜爱。在Java开发环境中,My97Datepicker通常与前端...
2. **HTML集成**:HTML文件(如htmlDatePickerDemo)会通过`<script>`标签引入My97 DatePicker的JavaScript文件,并通过特定的类名或者ID来绑定到需要显示日历的输入框元素上。 3. **JavaScript API**:My97 ...
至于如何使用My97 DatePicker,首先你需要在HTML页面中引入插件的CSS和JavaScript文件,然后通过JavaScript代码初始化插件,指定需要绑定的元素和配置参数。例如,你可以这样使用: ```html <!DOCTYPE html> ...
- **初始化**:通过JavaScript代码将My97 DatePicker绑定到指定的文本框或输入元素上,通常在`<body>`标签的`onload`事件中完成。 3. **示例代码**: ```html <input type="text" id="datePicker" /> ...
- 在HTML元素上添加"data-wdate"属性,My97DatePicker会自动识别并绑定到该元素。 - 通过JavaScript调用WdatePicker()函数,可以手动初始化日期选择器。例如:`document.getElementById('dateInput').WdatePicker...
1. **JavaScript交互**:My97DatePicker利用JavaScript进行客户端交互,当用户点击日期输入框时,会弹出一个美观的日期选择器,允许用户通过日历视图选择日期,提高了用户体验。JavaScript的使用也意味着大部分计算...
1. **用户友好的界面**:My97 DatePicker提供了一个直观的日历界面,用户可以通过点击或者输入快速选择日期。其设计风格简洁,能够与各种网页设计风格良好融合。 2. **多语言支持**:为了满足全球用户的需求,My97 ...
3. **应用到元素**:将初始化后的My97 DatePicker绑定到需要日期选择功能的输入框元素上。 例如,初始化代码可能如下: ```javascript var dp = $.datepicker.create({ skin: 'YcloudRed', // 其他配置项... }); ...
2. **初始化控件**:通过JavaScript代码调用My97DatePicker的初始化函数,指定需要绑定的输入框元素。 3. **配置参数**:可以设置一系列参数来定制控件的行为,例如日期格式、显示模式等。 4. **事件监听**:注册...
1. **用户友好**:My97DatePicker具有直观的界面和流畅的操作体验,用户可以通过弹出的日历面板轻松选择日期,还可以通过键盘快捷键进行操作。 2. **兼容性广泛**:该控件支持各种主流浏览器,包括IE6+、Firefox、...
My97DatePicker的基本功能包括提供用户友好的日期选择界面,用户可以通过弹出的日历窗口选择日期,或者通过键盘输入。它支持多种日期格式,如"YYYY-MM-DD"、"YYYY/MM/DD"等,并能自动检测浏览器的语言设置,显示...
My97DatePicker是一款广泛应用于网页开发中的日期选择插件,其主要功能是为HTML文本框提供一个美观、易用的日历界面,用户只需点击输入框,就能弹出一个日历,方便选择日期。这款插件以其高效、自定义性强的特点,在...
- 用户友好的界面:My97DatePicker提供了一种直观的用户界面,允许用户通过日历视图选择日期,同时支持快速选择年、月、日。 - 多种日期格式:插件支持多种日期格式输出,如'YYYY-MM-DD'、'MM/DD/YYYY'等,可以...
My97 DatePicker是一款广受欢迎的JavaScript日期时间插件,尤其适用于那些需要在网页中实现日期选择功能的项目。这款控件不仅支持Internet Explorer 8,而且兼容Firefox等现代浏览器,这使得它在跨平台应用上具有较...
- 自定义样式:My97DatePicker允许开发者自定义日期选择器的外观,以适应不同的网站设计风格。 - 多种语言支持:它支持多种语言,包括中文,使得不同地区的用户都能方便使用。 - 灵活的日期格式:可以设置日期...