如何在执行迭代时创建多个引导日期时间选择器

时间:2017-04-25 09:56:38

标签: javascript twitter-bootstrap datetime

大家好我们正在使用迭代器在jsp中迭代数据库记录。每个迭代文本,startdatetime选择器和结束日期时间选择器。我使用id的日期时间选择器会产生问题。我不知道有多少行要迭代我怎样才能解决这个问题?

在小提琴中你可能会建议我这样运行一个循环,循环5次,在第一列中有一些简单的文本第二列开始日期时间选择器和第三列结束日期时间选择器

<s:iterator value="%{#session.subjectlist}" status="resultstatus">
<td><s:property value="#resultstatus.count" /></td>(this is serial number like 1,2,3 etc used as id in datetime picker)
<td><s:property /></td>(this is a simple text)
<td>
  <div class='input-group date' id="<s:property value="#resultstatus.count"/>">
<input type='text' name="examDate1" class="form-control" readonly="readonly" onClick="activateDatePicker()" /> 
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar">/span></span>
</div>
</td>

<script type="text/javascript">
    $(document).ready(function() {
         $(function() {

            $('#datetimepicker7').datetimepicker({
                format : 'yyyy-mm-dd hh:ii',
                startDate : new Date(),
                autoclose : 1
            }).on('changeDate',function(selected) {

                         var minDate = new Date(selected.date.valueOf());                    
                         $('#datetimepicker8').datetimepicker('setStartDate',minDate); 

                        $('#adminTimeTableForm').bootstrapValidator(
                                'revalidateField', 'examDate1');
                    });

             $('#datetimepicker8').datetimepicker({
                format : 'yyyy-mm-dd hh:ii',
                startDate : new Date(),
                autoclose : 1
            }).on('changeDate',function(selected) {

                var minDate = new Date(selected.date.valueOf());
            $('#datetimepicker7').datetimepicker('setEndDate', minDate);
            $('#adminTimeTableForm').bootstrapValidator('revalidateField', 'examDate2');
                    });

        });   
    }); 
    </script>

0 个答案:

没有答案