• 简洁JS 日历控件 支持日期和月份选择(转)


    以下这个JS日历控件是我的闲暇之余自己编写的,所有的代码全部在IE7/IE8/Firefox下面测试通过,

    而且可以解决被iframe层遮盖的问题。现在只提供两种风格(简洁版和古典版)和两种语言(英文和中文)。支持自定义日期格式,设定时间范围。

    默认为古典版,英文,下面来看简单的缩略图。

    首先是简洁版:

    简洁JS 日历控件 支持日期和月份选择 - 雪舞残鸿 - 你若安好,便是晴天!日期选择器简洁JS 日历控件 支持日期和月份选择 - 雪舞残鸿 - 你若安好,便是晴天!月份选择器

    古典版:

    简洁JS 日历控件 支持日期和月份选择 - 雪舞残鸿 - 你若安好,便是晴天!日期选择器简洁JS 日历控件 支持日期和月份选择 - 雪舞残鸿 - 你若安好,便是晴天!日期选择器中文语言简洁JS 日历控件 支持日期和月份选择 - 雪舞残鸿 - 你若安好,便是晴天!月份选择器

    下面是使用方法:

    在要使用这个控件的页面上引入这个JS

    <script type="text/javascript" src="javascript/DatePicker.js"></script>

    使用月份选择器,默认时间格式为yyyy-MM

    <input id="begintime" type="text" onclick="setmonth(this)" readonly="readonly" />

    使用日期选择器,默认时间格式为yyyy-MM-dd
    <input id="endtime" type="text" onfocus="setday(this)" readonly="readonly" />

    使用日期选择器,一共提供五个参数,其中第一个参数是Object类型,指需要填入日期的元素对象;第二个参数是时间的格式,默认为yyyy-MM-dd;第三、四个参数分别为开始时间和结束时间;第五个参数是语言种类,这个1表示中文,0为英文(默认采用英文)
    <input id="endtime" type="text" onfocus="setday(this,‘yyyy-MM-dd’,'2010-01-01','2010-12-30',1)" readonly="readonly" />

    风格默认使用古典版,如果需要使用简洁版,则进入代码中

    简洁JS 日历控件 支持日期和月份选择 - 雪舞残鸿 - 你若安好,便是晴天!
    将上述代码中的上部分代码(30行-56行)注释,在把他换成下面部分的代码(57行-83行)。则风格就可以改为简洁版了。

    说了这么多,下面附上这个日历控件的JS文件:

    https://files.cnblogs.com/coraldane/DatePicker.js

  • 相关阅读:
    RPI学习--环境搭建_更新firmware
    RPI学习--环境搭建_刷卡+wiringPi库安装
    [转]VS2005 Debug时提示"没有找到MSVCR80D.dll"的解决办法
    [转]结构体字节对齐
    [转]C++运算优先级列表
    putty基本操作
    Go 修改字符串中的字符(中文乱码)
    Go part 5 结构体,方法与接收器
    pickle 和 base64 模块的使用
    原来还有 卡夫卡 这个人存在
  • 原文地址:https://www.cnblogs.com/shenyixin/p/2954156.html
Copyright © 2020-2023  润新知