JQuery Laydate Date Control

Crafted based on native JavaScript, she is compatible with all major browsers including IE6. She has elegant internal code, a good performance experience, and a perfect skin system, and fully open source, you can freely access the development of source code, a sweep of some traditional date control closed and narrow. Laydate the spirit of resource-sharing and the endless pursuit of Web calendar, continuing the Layui has always been simple and easy to use. She follows the LGPL agreement and you can use her for any personal item for free.

1. Version Laydate 1.1

2. Bambo Yin

3. GitHub

Online example

Instance Preview Laydate-js date control with time plugin demo

Instance Preview Laydate Date Picker instance Demo

Introducing Files

1. <script src="Laydate.js"></script>

CopyHow to use

1. <input id< Span class= "pun" >= "hello"  class=< Span class= "ATV" > "Laydate-icon" >
2. <SCRIPT>
3. Laydate ({
4. Elem:  ' #hello '
5. Event:  ' focus '
6. });
7. </SCRIPT>

CopyParameter description

One, the core method: Laydate (options);

2. The options is an object that contains the following key: ' default value 'elem: ' #id ',
4. Element selector for the date to be displayed
6. Event: ' click ',
8. Triggering events
10. Format: ' yyyy-mm-dd hh:mm:ss ',
12. Date format
14. Istime: false,
16. Whether to turn on time selection
18. Isclear: true,
20. Whether to display empty
22. Istoday: true,
24. Whether to show today
26. Issure: true,
28. Whether to display confirmation Festival: true //Whether the festival is displayed
30. Min: ' 1900-01-01 00:00:00 ',
32. Minimum date
34. Max: ' 2099-12-31 23:59:59 ',
36. Maximum Date
38. Start: ' 2014-6-15 23:00:00 ',
40. Start date
42. Fixed: false,
44. is fixed in the viewable area
46. ZIndex: 99999999,
48. CSS Z-index
50. Choose: function(dates) { //callback to select a good date
52. }

Copy

Second, other methods/properties

2. Laydate. V //Get Laydate version number
4. Laydate.  Skin(lib); //Load skin, parameter lib for skin name
6. /*
8. Layer.now supports multi-type parameters. The timestamp can be a couple of days or a time stamp. Format is a date and is empty with the default "-" split.
10. such as Laydate.now (-2) will return the day before yesterday, Laydate.now (3999634079890) will return 2096-09-28
12. */
14. Layer.  Now(timestamp, format); //This method offers a wide range of functions and is recommended for flexible use.
16. Laydate.  Reset(); //Reset Calendar control coordinates, typically used when the page DOM structure changes. No reference

Copy

Download

JQuery Laydate Date Control