js判断上午下午_jQuery手机移动端带上午下午日期时间选择

书写css代码。

.dtPicker .icon { cursor: pointer; }

.dtPicker .btn { font-size: 13px; font-weight: 700; color: #2196f3; }

.dtPicker table { width: 100%; text-align: center; }

.dtPicker th, .dtPicker td { width: 34px; height: 34px; }

.dtPicker .select { width: 212px; cursor: pointer; }

.dtPicker .day { cursor: pointer; }

.dtPicker .day.active { border-radius: 4px; background: #2196f3; color: #ffffff; }

.dtPicker .weekend { color: #ff0000; }

.dtPicker .old, .dtPicker .new { color: #888888; }

.dtPicker .month, .dtPicker .year, .dtPicker .decade { display: inline-block; width: 54px; height: 54px; margin: 2px; border-radius: 4px; line-height: 54px; text-align: center; cursor: pointer; }

.dtPicker .month.active, .dtPicker .year.active, .dtPicker .decade.active { background: #2196f3; color: #ffffff; }

.dtPicker .decade { padding: 7px 0; line-height: 20px; }

.dtPicker .picker-switch { padding-bottom: 5px; }

.dtPicker .picker-switch ul { display: table; table-layout: fixed; width: 100%; }

.dtPicker .picker-switch ul li { display: table-cell; text-align: center; }

.dtPicker .picker-switch ul li a { display: block; height: 34px; line-height: 34px; text-align: center; cursor: pointer; }

.dtPicker .hour, .dtPicker .minute, .dtPicker .second { width: 50px; height: 50px; cursor: pointer; }

.dtPicker .timepicker { padding-top: 10px; padding-bottom: 10px; }

.dtPicker .timepicker-picker table tr td:nth-child(1) { width: 35%; }

.dtPicker .timepicker-picker table tr td:nth-child(2) { width: 10%; }

.dtPicker .timepicker-picker table tr td:nth-child(3) { width: 35%; }

.dtPicker .timepicker-picker table tr td:nth-child(4) { width: 20%; }