This example describes the jquery date selection DatePicker plug-in usage. Share to everyone for your reference. Specifically as follows:
1, first of jquery in the DatePicker plug-ins in the relevant attribute values to Chinese:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 The
$.datepicker.regional[' ZH-CN '] = {cleartext: ' Clear ' , Clearstatus: ' Purge selected date ',
control is in English version, adding a script to make it Chinese
/* Chinese initialisation for the jQuery UI date picker plugin. *
/* Written by Cloudream (cloudream@gmail.com). */
JQuery (function ($) {
$.datepicker.regional[' ZH-CN ') = {
Closetext: ' Close ',
prevtext: '
(4) for a number of datepicker properties and methods of detailed use, you can refer to its API documentation, said above in detail
-->, let's share a t
Using the jquery UI first requires the introduction of the jquery class library, thejquery UI js script, and the jquery UI CSS style sheet. The code examples are as follows: Script src="js/jquery-1.7.1.js" >script> Script src="js/jquery-ui-1.8.18.custom.min.js" >script > Link rel = "stylesheet" type = "Text/css" href = "Css/smoothness/jquery-ui-1.8.18.custom.css" >Note: Introduction JS script, you should first introduce JQuery class Library, after introduction JQuery UI ScriptHere are two
principles.In normal condition
After clicking the button
2. The Code section
(1) HTML section
To explain briefly, first specify a controller, and then given a input-group, consisting of an input box and an icon button. Here are a few things to explain. Datepicker-popup is an instruction that has been encapsulated by the DatePicker, just for use. Ng-model is a
jquery is a very good scripting framework, and its rich controls are simple to use and very flexible to configure. Here is an example of using the date plugin Datapicker.
1, download the jquery core file, needless to say, DatePicker is a lightweight plug-in, just the min version of jquery on the line, and then to the official website http://jqueryui.com/ Download Download Jquery-ui Compression package (you can choose to like the theme), which contains
Using the jquery UI first requires the introduction of the jquery class Library, the jquery UI JS script, and the jquery UI CSS style sheet. The code examples are as follows:Copy CodeThe code is as follows:Note: When introducing JS script, we need to introduce jquery class library, then introduce jquery UI scriptHere are two implementation steps:Idea One:The first step is to implement two DatePicker components.You need to define two input tags, type t
(dependencyobject D, bool value){D. setvalue (enablefastinputproperty, value );}In this way, an additional attribute is registered for a datepickerhelper type, called enablefastinput.In the propertychanged event processing function of this attribute, we listen to the datevalidationerror event of datepicker.Private Static void onenablefastinputchanged (dependencyobject D, dependencypropertychangedeventargs E){VaR datepicker = D as
Using the jquery UI you first need to introduce the JQuery class library, the jquery UI JS script, and the jquery UI CSS style sheet. The code example is as follows:
Copy Code code as follows:
Note: When you introduce a JS script, you need to introduce the JQuery class library, and then introduce the jquery UI script
Here are two implementation steps:
Thought one:
The first step is to implement two DatePicker component
How to Use the JQuery date plug-in datepicker, jquerydatepicker
JQuery is a very good script framework. Its rich controls are also very simple to use, and the configuration is very flexible. The following is an example of using the date plug-in datapicker.
1. Download The jQuery core file. datepicker is a lightweight plug-in. You only need the jQuery min version. then download the jquery-uicompressed packag
First, IntroductionFirst Avalon is my first contact with the MVVM framework, ANGULARJS can also achieve the basic same function, but the products of foreigners are more advanced, they have already given up in IE, as the big celestial us, or must RTHK RTHK industry to serve the IE6, That's why I chose Avalon and didn't angularjs. Official documents are old wording, which makes me can not help but deep spit groove is beautiful, well, maintenance of a framework is difficult, is the United States re
The two controls are relatively simple and are introduced together.Say DatePicker first. The address on GitHub is: Https://github.com/eternicode/bootstrap-datepicker.The effect is as follows:In the bundle, refer to adding JS and CSS references.Bundles. ADD (stylebundle("~/content/css""~/content/bootstrap.css" "~/content/site.css""~/ Content/datepicker3.css ")); Bundles. ADD (new scriptbundle " ~/bundles/ Bootstrap "). Include ( "~/scripts/bootstr
DataPicker is similar to the TimePicker mentioned in the previous section. DatePicker allows you to select a specific date. The following describes how to use DatePicker.
1. Use the project in the previous section, BasicViews4, and modify main. xml.
[Html]Android: layout_width = "fill_parent"Android: layout_height = "fill_parent"Android: orientation = "vertical">
basics will be changed ).
At last, it was compressed. Due to the many source code annotations and one pressure, the original two files added up to more than 50 K, with only around 18 K left. Haha. There is also a bgiframe script, because the calendar plug-in has many applications on the form, it is very likely that there is a drop-down menu, needless to say, IE6's drop-down menu level no one can rival the problem is well known. Therefore, a jquery. bgiframe. Min. js source code is provided here
Label: style Io OS AR for SP Div art on If you have such a requirement, datepicker selects a specific date by default, but now only the date and month are selected,Solution:The HTML is as follows:Configure datepicker as follows: $ ('. Date-picker '). datepicker ({changemonth: True, changeyear: True, showbuttonpanel:
The end date is less than the start date, you always have to code the problem, but it is convenient now, do not need to focus on the details of these issues
The following content is the original address: http://www.cnblogs.com/yasin/archive/2009/07/10/1520736.html
Add some JS code to implement the "clear" button
$ (function () {$ ("#datepicker"). DatePicker ({
datepicker (containing jquery1.2.6 _ min ), you can also download it from the official website: http://marcgrabanski.com/pages/code/jquery-ui-datepicker. 2. reference the two downloaded JS files in HTML:
ScriptLanguage="JavaScript"SRC=JS/jquery-1.2.6.min.js">Script>
ScriptLanguage="JavaScript"SRC="JS/UI. datepicke
by changing the maximum/small date of another date box by Onselect event, as shown in the figure:
Html:
Js:
$ ("#schduleDateStart"). DatePicker ({
onselect:function (datetext,inst) {
$ ("#schduleDateEnd"). DatePicker ( "Option", "MinDate", Datetext);
}
);
$ ("#schduleDateEnd"). DatePicker ({
o
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.