`
jie_bosshr
  • 浏览: 143188 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

日历My97DatePicker绑定

阅读更多
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" />&nbsp;&nbsp;-
<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" />
分享到:
评论

相关推荐

    My97DatePicker(几种日历控件/js/实例演示)

    2. **初始化控件**:通过JavaScript在需要添加日期选择功能的input元素上绑定My97DatePicker。 3. **配置参数**:根据需求设置控件的属性,如语言、日期格式、初始值等。 4. **处理事件**:如果需要,可以定义选中...

    My97DatePicker JS日历控件

    在网页中使用My97DatePicker,首先需要引入相关的JavaScript和CSS文件,然后通过JavaScript代码调用`WdatePicker()`函数来绑定控件到指定的输入框。 ```html &lt;!DOCTYPE html&gt; ...

    JS版日历My97DatePicker

    **JS版日历My97DatePicker详解** My97DatePicker是一款功能强大且易于使用的JavaScript日期选择器组件,专为网页开发者设计,旨在提供一个高效、无刷新、支持中文显示的日历插件。这款组件以其出色的用户体验和高度...

    My97Datepicker日历控件

    My97Datepicker是一款广泛使用的JavaScript日历控件,它为网页开发提供了强大的日期选择功能。这款控件以其丰富的自定义选项、良好的兼容性和高效性能而受到开发者喜爱。在Java开发环境中,My97Datepicker通常与前端...

    封装的My97DatePicker日历

    2. **HTML集成**:HTML文件(如htmlDatePickerDemo)会通过`&lt;script&gt;`标签引入My97 DatePicker的JavaScript文件,并通过特定的类名或者ID来绑定到需要显示日历的输入框元素上。 3. **JavaScript API**:My97 ...

    My97DatePicker.rar

    至于如何使用My97 DatePicker,首先你需要在HTML页面中引入插件的CSS和JavaScript文件,然后通过JavaScript代码初始化插件,指定需要绑定的元素和配置参数。例如,你可以这样使用: ```html &lt;!DOCTYPE html&gt; ...

    My97DatePickerBeta 显示日期的textbox

    - **初始化**:通过JavaScript代码将My97 DatePicker绑定到指定的文本框或输入元素上,通常在`&lt;body&gt;`标签的`onload`事件中完成。 3. **示例代码**: ```html &lt;input type="text" id="datePicker" /&gt; ...

    My97DatePicker日历控件

    - 在HTML元素上添加"data-wdate"属性,My97DatePicker会自动识别并绑定到该元素。 - 通过JavaScript调用WdatePicker()函数,可以手动初始化日期选择器。例如:`document.getElementById('dateInput').WdatePicker...

    ASP.NET 日期控件 My97DatePicker

    1. **JavaScript交互**:My97DatePicker利用JavaScript进行客户端交互,当用户点击日期输入框时,会弹出一个美观的日期选择器,允许用户通过日历视图选择日期,提高了用户体验。JavaScript的使用也意味着大部分计算...

    My97DatePicker完整包

    1. **用户友好的界面**:My97 DatePicker提供了一个直观的日历界面,用户可以通过点击或者输入快速选择日期。其设计风格简洁,能够与各种网页设计风格良好融合。 2. **多语言支持**:为了满足全球用户的需求,My97 ...

    My97DatePicker皮肤,红色

    3. **应用到元素**:将初始化后的My97 DatePicker绑定到需要日期选择功能的输入框元素上。 例如,初始化代码可能如下: ```javascript var dp = $.datepicker.create({ skin: 'YcloudRed', // 其他配置项... }); ...

    日历控件My97DatePicker

    2. **初始化控件**:通过JavaScript代码调用My97DatePicker的初始化函数,指定需要绑定的输入框元素。 3. **配置参数**:可以设置一系列参数来定制控件的行为,例如日期格式、显示模式等。 4. **事件监听**:注册...

    日期控件My97DatePicker

    1. **用户友好**:My97DatePicker具有直观的界面和流畅的操作体验,用户可以通过弹出的日历面板轻松选择日期,还可以通过键盘快捷键进行操作。 2. **兼容性广泛**:该控件支持各种主流浏览器,包括IE6+、Firefox、...

    My97DatePicker功能文档

    My97DatePicker的基本功能包括提供用户友好的日期选择界面,用户可以通过弹出的日历窗口选择日期,或者通过键盘输入。它支持多种日期格式,如"YYYY-MM-DD"、"YYYY/MM/DD"等,并能自动检测浏览器的语言设置,显示...

    My97DatePicker插件下载

    My97DatePicker是一款广泛应用于网页开发中的日期选择插件,其主要功能是为HTML文本框提供一个美观、易用的日历界面,用户只需点击输入框,就能弹出一个日历,方便选择日期。这款插件以其高效、自定义性强的特点,在...

    My97DatePicker 时间选择插件

    - 用户友好的界面:My97DatePicker提供了一种直观的用户界面,允许用户通过日历视图选择日期,同时支持快速选择年、月、日。 - 多种日期格式:插件支持多种日期格式输出,如'YYYY-MM-DD'、'MM/DD/YYYY'等,可以...

    基于My97DatePicker的日期时间控件

    My97 DatePicker是一款广受欢迎的JavaScript日期时间插件,尤其适用于那些需要在网页中实现日期选择功能的项目。这款控件不仅支持Internet Explorer 8,而且兼容Firefox等现代浏览器,这使得它在跨平台应用上具有较...

    My97DatePicker3.0

    - 自定义样式:My97DatePicker允许开发者自定义日期选择器的外观,以适应不同的网站设计风格。 - 多种语言支持:它支持多种语言,包括中文,使得不同地区的用户都能方便使用。 - 灵活的日期格式:可以设置日期...

Global site tag (gtag.js) - Google Analytics