js点击出现日期有案例

时间:2010-04-07 19:40 作者:admin 点击:
见过最好的点击出现日期!有案例!

  

见过最好的点击出现日期!有案例!

 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  3. <html> 
  4.     <head> 
  5.         <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
  6.           
  7.         <title>jQuery Datepicker Core Demo 绿色php资源_www.phpzy.com</title> 
  8.           
  9.         <!-- Include Core Datepicker Stylesheet -->       
  10.         <link rel="stylesheet" href="http://www.phpzy.com/js/datepicker/ui.datepicker.css" type="text/css" media="screen" title="core css file" charset="utf-8" /> 
  11.         <!-- Include jQuery --> 
  12.         <script src="http://www.phpzy.com/js/datepicker/jquery.js" type="text/javascript" charset="utf-8"></script>   
  13.           
  14.         <!-- Include Core Datepicker JavaScript --> 
  15.         <script src="http://www.phpzy.com/js/datepicker/ui.datepicker.js" type="text/javascript" charset="utf-8"></script>    
  16.           
  17.         <!-- Attach the datepicker to dateinput after document is ready --> 
  18.         <script type="text/javascript" charset="utf-8"> 
  19.             jQuery(function($){  
  20.                 $.datepicker.regional['zh-CN'] = {clearText: '清除', clearStatus: '清除已选日期',  
  21.         closeText: '关闭', closeStatus: '不改变当前选择',  
  22.         prevText: '&lt;上月', prevStatus: '显示上月',  
  23.         nextText: '下月&gt;', nextStatus: '显示下月',  
  24.         currentText: '今天', currentStatus: '显示本月',  
  25.         monthNames: ['一月','二月','三月','四月','五月','六月',  
  26.         '七月','八月','九月','十月','十一月','十二月'],  
  27.         monthNamesShort: ['一','二','三','四','五','六',  
  28.         '七','八','九','十','十一','十二'],  
  29.         monthStatus: '选择月份', yearStatus: '选择年份',  
  30.         weekHeader: '周', weekStatus: '年内周次',  
  31.         dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],  
  32.         dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],  
  33.         dayNamesMin: ['日','一','二','三','四','五','六'],  
  34.         dayStatus: '设置 DD 为一周起始', dateStatus: '选择 m月 d日, DD',  
  35.         dateFormat: 'yy-mm-dd', firstDay: 1,   
  36.         initStatus: '请选择日期', isRTL: false};  
  37.     $.datepicker.setDefaults($.datepicker.regional['zh-CN']);  
  38.                 $("#dateinput.datepicker();  
  39.                   
  40.             });  
  41.         </script>         
  42.     </head> 
  43.     <body> 
  44.         <h1>中文 日期 填写 JQuery UI 插件 Datepicker for 绿色php资源_www.phpzy.com</h1> 
  45.         <p> 
  46.             <input type="text" id="dateinput" value="www.phpzy.com"> 
  47.         </p> 
  48.           
  49.           
  50.           
  51.  
  52.           
  53.     </body> 
  54. </html> 
  55.  

演示:http://www.phpzy.com/js/datepicker/index.html

来源于绿色php资源 http://www.phpzy.com


标签(Tag):jquery js日期 点击出现日期 datepick日期
------分隔线----------------------------
推荐内容
热点内容