50 lines
2.1 KiB
HTML
50 lines
2.1 KiB
HTML
<div class="do-datepicker do-fn-noselect">
|
|
<input class="date-input"
|
|
type="text"
|
|
:duplex="value"
|
|
:focus="$focus"
|
|
:click="$cancelBubble"
|
|
:attr-disabled="disabled">
|
|
|
|
<dl class="calendar-box"
|
|
:if="showCalendar"
|
|
:click="$cancelBubble">
|
|
|
|
<dt class="title">请选择日期</dt>
|
|
<dd class="contrl">
|
|
<a href="javascript:;"
|
|
:click="$turn(1, -1)"
|
|
:text="btns.prevYear"></a>
|
|
<a href="javascript:;" class="prev-month"
|
|
:click="$turn(0, -1)" :text="btns.prevMonth"></a>
|
|
<a href="javascript:;" class="next-month"
|
|
:click="$turn(0, 1)" :text="btns.nextMonth"></a>
|
|
<a href="javascript:;" class="next-year"
|
|
:click="$turn(1, 1)" :text="btns.nextYear"></a>
|
|
<span :text="calendar.year + '-' + calendar.month"></span>
|
|
</dd>
|
|
<dd class="calendar">
|
|
<section class="week"><span class="td">日</span><span class="td">一</span><span class="td">二</span><span class="td">三</span><span class="td">四</span><span class="td">五</span><span class="td">六</span></section>
|
|
<section class="list do-fn-cl">
|
|
<span class="td"
|
|
:class="{weeken:el.weeken, disabled: el.disable, selected: el.selected}"
|
|
:repeat="calendar.list"
|
|
:click="$getDate(el.disable, el.day)"
|
|
:text="el.day"></span>
|
|
</section>
|
|
</dd>
|
|
<dd class="time" :if="showTime">
|
|
<label>
|
|
<input type="text" :duplex-time="calendar.hour" data-format="hour"> 时
|
|
</label>
|
|
<label>
|
|
<input type="text" :duplex-time="calendar.minute" data-format="minute"> 分
|
|
</label>
|
|
<label>
|
|
<input type="text" :duplex-time="calendar.second" data-format="second"> 秒
|
|
</label>
|
|
<a href="javascript:;" class="now" :click="$now">现在</a>
|
|
</dd>
|
|
<dd class="tips" :if="tips" :text="tips"></dd>
|
|
</dl>
|
|
</div> |
JavaScript
95.2%
CSS
4.8%