<link rel="stylesheet" href="css/cxcalendar.css"> <style> h1,h2,h3{font:bold 36px/1 "\5fae\8f6f\96c5\9ed1";} h2{font-size:20px;} h3{font-size:16px;} fieldset{margin:1em 0;} fieldset legend{font:bold 14px/2 "\5fae\8f6f\96c5\9ed1";} a{color:#06f;text-decoration:none;} a:hover{color:#00f;} .wrap{width:600px;margin:0 auto;padding:20px 40px;border:2px solid #999;border-radius:8px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);} </style> <script src="jquery-1.9.1.js"></script> <script src="calendar.js"></script>
<p>
开始时间：<input name="mydate" type="text" class="input_cxcalendar" style="width:200px;">
结束时间：<input name="mydate2" type="text" class="input_cxcalendar" style="width:200px;" > </p> <script> $('.input_cxcalendar').each(function(){ var a = new Calendar({ targetCls: $(this), type: 'yyyy-mm-dd HH:MM', wday:2 },function(val){ console.log(val); }); }); </script>