JavaScript plugin Jsdatepick Date plugin use tutorial

Jsdatepick is a free date to choose a JavaScript plugin, a Calendar control pop-up layer that can be used on a Web page or on a Web page app, Jsdatepick is a JavaScript date selector that uses DOM technology to generate HTML code. Read the following examples and documents in a few minutes and you can have a pop-up date selection solution in your site.

Read the complete documentation for the following parameters and download the Jsdatepick. We developed Jsdatepick as a custom date selection module for our network money management software-check it out if you like.

All parameters

Usemode (Integer)? The possible values are 1 and 2, as follows:
1? The HTML of the calendar will be added directly to the target Field
2? The calendar will be displayed as a pop-up when the ID field provided in the destination is clicked.
Target (String)? The ID of the field will be the calendar, usually a text input field in use Mode 2 o'clock.
isstripped (Boolean)? When set to True the calendar shows no visual design and commonly used pattern 1
SelectedDate (Object)? When provided, this object tells the calendar to open this date selection already.
Yearsrange (Array)? When supplied, this array of restrictions is set to the calendar feature for the year.
Limittotoday (Boolean)? allow you to limit the possible harvesting period for today's date.
Cellcolorscheme (String)? Allows you to interchange the color of the cells in a wide range of color dates.
Available Color schemes:
Aqua
Armygreen
Bananasplit
Beige
DeepBlue
Greenish
LightGreen
Ocean_blue? If you choose not to provide a Cellcolorscheme variable calendar will default color.
Orange
Peppermint
Pink
Purple
Torqoise

Simple JavaScript Calendar dates

This is the Jsdatepick calendar instance in action with input field user launch Calendar input field, and then select a date that automatically returns the selected date field. This is the most basic use of a JavaScript calendar.

<input globalnumber= "176" size= "" id= "Inputfield" type= "text" >

< script>

new Jsdatepick ({

Usemode:2,

target: "Afieldid"

});

</script>

Complete and detailed configuration

Jsdatepick has a series of default function parameters for extensions or restrictions. View the complete list above the full argument list. The following statement shows exactly what is possible.

<input globalnumber= "257" size= "" id= "InputField2" type= "text" >

< script>

new Jsdatepick ({

Usemode:2,

target: "Afieldid",

isstripped:false,

selecteddate:{

year:2 009,

Month:4,

day:16

},

yearsrange:new Array (1971,2100),

limittotoday:t Rue,

});

</script>

Example of adding HTML directly

This is an example of an HTML direct add Jsdatepick calendar. When using this method, it is recommended to keep the reference for the JavaScript object after retrieving the selected date when the calendar clicks. This is done by setting the definition of a function onselected event handler, using Method Jsdatepick.setonselecteddelegate (function () {alert ("A date has been chosen!");

<script>

g_calendarobject = new Jsdatepick ({

usemode:1,

isstripped:true,

target: "Afieldi D ",

cellcolorscheme:" Armygreen "

});

G_calendarobject.setonselecteddelegate (function () {

var obj = G_calendarobject.getselectedday ();

Alert ("A date was just selected and the date is:" + Obj.day + "/" + Obj.month + "/" + Obj.year);

});

</script>

A DIV represents the example cell setting calendar.