怎样对miniui 中mini-datepicker 赋值

Posted 2023-03-29

参考技术A

　　

<table style="border: 1px;" width="100%">

　　<tr>

　　<td align="left" height="24" width="60px">

　　数据时间：

　　</td>

　　<td align="left" width="150px;">

　　<input id="txtCreTime" format="yyyy-MM-dd" class="mini-datepicker" showtime="false"

　　allowinput="false" />

　　</td>

　　<td align="left" width="70px">

　　<a class="mini-button" onclick="Search()">查询</a>

　　</td>

　　</tr>

　　</table>

　　<script type="text/javascript">

　　mini.parse();

　　function getNowFormatDate()

　　var date = new Date();

　　var seperator1 = "-";

　　var month = date.getMonth() + 1;

　　var strDate = date.getDate() ; //默认为当日

　　if (month >= 1 && month <= 9)

　　month = "0" + month;

　　

　　if (strDate >= 0 && strDate <= 9)

　　strDate = "0" + strDate;

　　

　　var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate;

　　return currentdate;

　　

　　mini.get("txtCreTime").setValue(getNowFormatDate());  //给控件赋值

　　</script>

本回答被提问者采纳 参考技术B <input id="date1" class="mini-datepicker" value="new Date"/>
这个可以，亲测有效

miniui日期控件mini-datepicker禁止选中日期

mini-datepicker日期控件利用js禁止选中日期

html代码：

  <input id="ToDate" name="ToDate" class="mini-datepicker" allowInput="false" showTodayButton="false"  ondrawdate="onDrawDate" />  

js代码：

<script type="text/javascript">
  function onDrawDate(e) {
   var date = e.date;
   var d = new Date();
   if (date.getTime() <= d.getTime()) 
   {
     e.allowSelect = false;
   }
 }
</script>

效果如下图：

 

其中allowInput="false"禁止输入，showTodayButton="false"是否显示今日按钮，可以自己试一下。