<div class="navbar">
    <div class="navbar-inner navbar-inner-blur">
        <div class="left">
            <a href="#" class="back link"> <i class="icon icon-back"></i>
                <span>返回</span>
            </a>
        </div>
        <div class="center sliding">夜间免打扰设置</div>
    </div>
</div>
<div class="pages">
    <div data-page="moonsetting" class="page no-toolbar moonsetting">
        <div class="page-content">
            <div class="content-block">
                <div class="time-picker">
                    <div class="time-picker-title">
                        <h3>开始时间</h3>
                        <input type="text" readonly id="time-picker-begin">
                    </div>
                    <div id="time-picker-begin-container"></div>
                    <div class="time-picker-title">
                        <h3>结束时间</h3>
                        <input type="text" readonly id="time-picker-end">
                    </div>
                    <div id="time-picker-end-container"></div>
                </div>

                <div class="repeat-cycle">
                    <h3>重复</h3>
                    <ul class="repeat-cycle-week clearfix">
                        <li class="item"><label class="day-switch"><input type="checkbox"><span>日</span></label></li>
                        <li class="item"><label class="day-switch"><input type="checkbox"><span>一</span></label></li>
                        <li class="item"><label class="day-switch"><input type="checkbox"><span>二</span></label></li>
                        <li class="item"><label class="day-switch"><input type="checkbox"><span>三</span></label></li>
                        <li class="item"><label class="day-switch"><input type="checkbox"><span>四</span></label></li>
                        <li class="item"><label class="day-switch"><input type="checkbox"><span>五</span></label></li>
                        <li class="item"><label class="day-switch"><input type="checkbox"><span>六</span></label></li>
                    </ul>
                </div>

                <p><a href="javascript:;" class="flat-button">保存</a></p>
            </div>
        </div>
    </div>
</div>