多个日期字段的datepicker

时间:2017-05-03 23:24:07

标签: javascript datepicker

我的页面由一个包含多个相似行的表单组成:

<form action="/plan" method="post" >
    <div class="form-group row">
        <input type = "hidden" value="283" name= "id-1" >
        <div class="col col-sm-2">
                <input type="text" class="form-control form-control-sm" name="deadline-283">
        </div>
        <div class="col col-sm-3">
                <input type="text" class="form-control form-control-sm" name="description-283" >
        </div>
    </div>
    <div class="form-group row">
        <input type = "hidden" value="287" name= "id-2" >
        <div class="col col-sm-2">
                <input type="text" class="form-control form-control-sm" name="deadline-287”>
        </div>
        <div class="col col-sm-3">
                <input type="text" class="form-control form-control-sm" name="description-287” >
        </div>
    </div>
    <div class="form-group row">
        <input type = "hidden" value="295" name= "id-3" >
        <div class="col col-sm-2">
                <input type="text" class="form-control form-control-sm" name="deadline-295”>
        </div>
        <div class="col col-sm-3">
                <input type="text" class="form-control form-control-sm" name="description-295” >
        </div>
    </div>
</form>

我想为每个截止日期字段(即日期)显示一个日期选择器。 我玩了JQuery datepicker:http://jqueryui.com/datepicker,但无法弄清楚如何在此设置中使用它。 (如果你建议另一个日期选择器,它必须是荷兰语和日期格式dd / MM / yyyy可以本地化

一些额外的信息(可能与问题没有直接关系,但是为了解释为什么以这种方式构建):表单是使用Vapor的叶子模板动态构建的。所以deadline-xxx和description-xxx的数量对于每一行都是不同的,但是我可以使用id-的值在我的后端解析它? (这是一个指数)

0 个答案:

没有答案