Shulou(Shulou.com)06/02 Report--

This article mainly introduces the JS date control My97DatePicker how to use, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

My97DatePicker is a very flexible and easy to use date control. It is very easy to use.

1. Download the My97DatePicker package

Download address: https://www.yisu.com/jiaoben/18012.html

2. Introduce the component js file into the page:

3. Example the basic usage of My97DatePicker date control using My97DatePicker date control:

Using operational expressions, you can only select dates from 20 hours ago to 30 hours later.

Start, end date:

To modify the configuration information, just WdatePicker ({dateFmt:'yyyy-MM-dd',readOnly:true,maxDate:'#F {$dp.$D (\ 'edate\')}'}) "and add the relevant configuration information.

4. Commonly used configuration information.

The configuration information is mainly defined in the {} object of the WdatePicker method of onfocus= "WdatePicker ({dateFmt:'yyyy-MM-dd',readOnly:true})".

Common configuration information is defined in the WdatePicker.js file.

Var $dp,WdatePicker (function () {var _ = {$wdate:true, $dpPath: ", $crossFrame:true, doubleCalendar:false, / / whether bimonthly calendar autoUpdateOnChanged:false, position: {}, / / location such as: position: {left:100,top:50} lang:" auto ", skin:" default ", / / skin dateFmt:" yyyy-MM-dd ", / / date format realDateFmt:" yyyy-MM-dd " RealTimeFmt: "HH:mm:ss", realFullFmt: "% Date% Time", minDate: "1900-01-01 00:00:00", / / minimum date maxDate: "2099-12-31 23:59:59", / / maximum date startDate: ", / / start date alwaysUseStartDate:false, / / current date box, whatever the value, always use startDate as the start date yearOffset:1911, firstDayOfWeek:0 / / Custom isShowWeek:false on the first day of the week, / / whether to show weekly highLineWeekDay:true, / / highlight Sunday isShowClear:true, / / whether to show empty isShowToday:true, / / whether to show today's isShowOK:true, / / whether to display OK isShowOthers:true, readOnly:false, / / whether to read-only qsEnabled:true, errDealMode:0 / / automatic error correction function / / 0 when entering an error date, it will prompt / / 1 automatically restore the correct value of the previous time when entering an error date / / 2 when entering an error date, do not prompt or change, just make a mark, but the date box will not immediately hide the autoPickDate:null / / reason why the date can be selected twice / / the date is not automatically entered when it is false, but can be returned by confirming that it can be entered / / when you click on the date when it is true / / when it is null (recommended) if you have time to set it to false, / / Special date specialDays:null, / / Special Day disabledDates:null / invalid date such as: disabledDates: ['5$'] disabledDays:null, / / invalid date such as: disabledDays: [6] opposite:false, / / effective date Thank you for reading this article carefully I hope the article "how to use the JS date control My97DatePicker" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.