`
Seven.Q
  • 浏览: 12008 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

日历组件WdatePicker

阅读更多

日历组件  WdatePicker
文献:http://www.my97.net/dp/demo/index.htm

支持:IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+

js文件定义:

$('.icon-date').on('click', function () {
new WdatePicker({
    dateFmt: 'yyyy年MM月dd日',
    el: 'scfx_date',
    maxDate: yeatoday,
    startDate: yeatoday,
    position: {left: -20, top: 5},
    onpicking: function (dp) {
 $('.leftMenu li:first').trigger('click');
    }
})
});

 

HTML页面双日历:

<input  id="startDate" type="text" onFocus="var endDate=$dp.$('endDate');WdatePicker({onpicked:function(){endDate.focus();},maxDate:'#F{$dp.$D(\'endDate\')}'})"/> 到
<input  id="endDate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'startDate\')}'})"/>

分享到:
评论

相关推荐

    基于WdatePicker实现日历功能扩展

    WdatePicker是由Web日期选择器团队开发的一款轻量级、高性能的日历组件。它具有以下特性: 1. **多语言支持**:WdatePicker支持多种语言,包括中文、英文等,可以根据用户需求进行切换。 2. **自定义格式化**:...

    JS 日历组件(功能很强) javascript 日历控件 日历选择空间 日期选择 强烈推荐

    JavaScript日历组件是Web开发中常见的一种交互元素,主要用于用户在网页上进行日期选择操作。在前端开发领域,尤其在构建交互式用户界面时,一个功能强大的日历组件显得尤为重要。"My97DatePicker"是一个知名的...

    WdatePicker日历控件使用方法

    这篇博文将详细介绍WdatePicker的使用方法,帮助开发者更好地在项目中集成和定制这个日历组件。 首先,我们需要了解如何引入WdatePicker到我们的网页中。通常,我们会在HTML文件的`&lt;head&gt;`部分添加以下引用: ```...

    WdatePicker js日期组件

    2. **日历应用**:在日历视图中,可以结合WdatePicker实现便捷的日期跳转功能。 3. **数据分析**:在数据统计或报告中,允许用户指定特定时间段进行分析。 4. **后台管理**:在后台管理系统中,用于设置提醒、定时...

    wdatepicker.js下载

    标签“WdatePicker js”表明wdatepicker.js可能与My97DatePicker中的WdatePicker组件有关,因为My97DatePicker中包含了WdatePicker这个核心组件,它是一个轻量级但功能齐全的日期选择器。WdatePicker通常提供了诸如...

    WdatePicker日期插件框架资源包4.8.5

    WdatePicker是基于JavaScript开发的日期选择插件,具有以下组件和特点: 日历控件:WdatePicker提供一个日历控件,可以在网页中方便地选择日期。用户可以通过单击或手动输入日期来选择所需的日期。 丰富的选择功能...

    WdatePicker.css+WdatePicker.js

    它的核心在于WdatePicker.js,这是一个高效、灵活的JavaScript库,可以轻松地集成到任何HTML页面中,为日期输入提供交互式的日历界面。通过引入WdatePicker.css,我们可以定制日期选择器的外观,使其与网站的总体...

    wdatepicker源代码文件

    这个组件在IT行业中被广泛用于网页开发,为用户提供了一个直观、易用的日历选择器,方便他们在输入日期时进行交互。在深入探讨其源代码之前,我们先来了解一下wdatepicker的基本概念。 wdatepicker,又称为My97 ...

    通过点击日历控件来动态获取查询统计信息

    `WdatePicker.js`通常集成在网页中,配合HTML和CSS构建出美观且易于使用的日历组件。这个库提供了丰富的配置选项,如日期格式、语言设置、显示样式等,开发者可以根据项目需求进行定制。其核心功能包括: 1. **日期...

    jQuery日历控件

    通过深入理解My97 DatePicker的各种配置项和API,开发者可以灵活地构建符合项目需求的日历组件,提升用户体验。同时,由于其与jQuery的良好集成,My97 DatePicker能够轻松与其他jQuery插件和功能协同工作,构建出...

    日历控件 附加源代码

    首先,日历控件是一种图形用户界面组件,它允许用户通过可视化的日历样式来选择日期。这种控件通常具有友好的交互性,使用户可以轻松地浏览和选择日期,而无需手动输入日期字符串。在Web开发中,日历控件通常以...

    万能的日历控件,可以选择到时分秒

    标题中的“万能的日历控件,可以选择到时分秒”指的是一个功能强大的日历组件,它可以精确到小时、分钟和秒,为用户提供选择日期和时间的灵活性。这种控件在网页开发中常用于表单输入,让用户方便地选择特定的日期和...

    js日历控件兼容所有浏览器

    - **跨浏览器支持**:My97 DatePicker的核心目标就是提供一个能在所有主流浏览器中正常工作的日历组件,包括IE6及更高版本,Firefox,Chrome,Safari,Opera等。 - **丰富的自定义选项**:它提供了大量的配置参数...

Global site tag (gtag.js) - Google Analytics