First, introduce the Jquery library and css:
<Link href = "Js/jquery-ui-1.8.6.custom.css" rel = "stylesheet" type = "text/css"/>
<Script src = "Js/jquery-1.4.2.min.js" type = "text/javascript"> </script>
<Script src = "Js/jquery-ui-1.8.6.custom.min.js" type = "text/javascript"> </script>
Then you can set it as follows:
<Input ID = "nameTextBox" id = "datapicker" runat = "server"/>
<Script type = "text/javascript">
$ ("# Datapicker"). mouseover (function (){
$. Datepicker. regional ['zh-cn'] =
{
ClearText: 'clear', clearStatus: 'clear selected date ',
CloseText: 'close', closeStatus: 'Do not change current select ',
PrevText: '& lt; last month', prevStatus: 'Show previous month ',
NextText: 'Next month & gt; ', nextStatus: 'display next month ',
CurrentText: 'today', currentStatus: 'display month ',
MonthNames: ['August 11', 'August 11', 'August 11', 'August 11', 'August 11 ',
'October ', 'October'],
MonthNamesShort: ['1', '2', '3', '4', '5', '6 ',
'7', '8', '9', '10', '11', '12'],
MonthStatus: 'select month', yearStatus: 'select year ',
WeekHeader: 'Week', weekStatus: 'Weekly times within year ',
DayNames: ['sunday', 'monday', 'tuesday', 'weday', 'thursday', 'Friday'],
DayNamesShort: ['sunday', 'monday', 'tues', 'wedneth', 'thurs', 'Friday', 'satur'],
DayNamesMin: ['day', 'yi', '2', '3', '4', '5', '6'],
DayStatus: 'dd is set to the start of a week', dateStatus: 'select month/day, dd ',
DateFormat: 'yy-mm-dd', firstDay: 1,
InitStatus: 'select date', isRTL: false
};
$. Datepicker. setDefaults ($. datepicker. regional ['zh-cn']);
$ (This). datepicker ();
});
</Script>
Note: When the calendar starts to be displayed, It is very large. If you want to set the size, go to css to find it.
. Ui-datepicker {width: 17em; padding:. 2em. 2em 0 ;}
Change
. Ui-datepicker {width: 17em; padding:. 2em. 2em 0; font-size: specified size ;}