填充输入框的日期选择器

时间:2016-04-12 02:30:09

标签: javascript jquery html css

我需要一个默认的日期选择器,当我点击日历按钮时,当我选择它时会反映在输入框上。

这是我的代码

HTML

<input type="date" name="date_01" class="date_01">
<input type="image" id="date_image" src="http://www.kaltimprov.go.id/view/phpmu/images/calendar_agenda.png"/>

CSS

input[type="date"].date_01{
    width:287px;
    float:left;
}

#date_image{
    width:43px;
    height:46px;
    padding:6px 6px 6px 6px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #cbcbcb;
    background-color:#f3f3f3;
    float:left;
    margin-left:0px;
}

您也可以在jsfiddle中检查:https://jsfiddle.net/6pkjye8v/

0 个答案:

没有答案