This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
wcui
Archived
1
0
Fork 0
wcui/js/lib/datepicker/main.htm

50 lines
2.1 KiB
HTML
Raw Normal View History

<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="$prevYear"></a>
<a href="javascript:;" class="prev-month"
:click="$turn(0, -1)" :text="$prevMonth"></a>
<a href="javascript:;" class="next-month"
:click="$turn(0, 1)" :text="$nextMonth"></a>
<a href="javascript:;" class="next-year"
:click="$turn(1, 1)" :text="$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>