Html 如何将数据从datepicker绑定到常规ng模型

jsp页面：

<label>Script ID:</label> 
        <input name="scriptId" type="text"
            ng-model="selectedScript.scriptId" 
            ng-disabled="true"
            value="{{selectedScript.scriptId}}" 
            /> 


<form>
        <h1>Date Pannel</h1>
        <fieldset>
        Pick a start date:<br>
        <input ng-disabled = "mode =='BROWSE'" type="date" id="datePickerStart" ng-model="parent.startDate" onchange="document.getElementById('datePickerEnd').setAttribute('min', document.getElementById('datePickerStart').value)"><br><br>
        Pick an end date:<br>
        <input ng-disabled = "mode =='BROWSE'" type="date" id="datePickerEnd" ng-model="parent.endDate"  ><br><br>
        <button ng-disabled = "mode =='BROWSE'" ng-click="setDates()" 
        >Set Dates</button>
        </fieldset>
    </form>

这就是我完成一些事情所需要的全部代码

现在我的jsp页面上有一个表

<tr
                ng-repeat="s in scripts
                ng-click="selectScript(s, $index)" 
                ng-class="getSelectedClass(s)">
                <td>{{s.scriptId }}</td>
                <td>{{s.fileName }}</td>
</tr>

---

我认为您的问题是因为当您从数据库检索数据时，它会将其作为字符串传递，而日期选择器无法读取这种格式

本质上，您需要做的是将其解析为日期属性，要做到这一点，您可以这样做

$scope.parent.startDate = new Date($scope.selectedScript.startDate);
$scope.parent.endDate = new Date($scope.selectedScript.endDate);

在相关位置将其作为日期进行解析，或者您可以设置一个手表，以便在值发生更改时为您进行解析

$scope.$watch('parent.startDate', function(startDate){
$scope.parent.startDate = new Date($scope.parent.startDate);
});

您只能将$watch用于单个值，也可以将整个对象视为“父对象”

希望有帮助

$scope.parent.startDate = new Date($scope.selectedScript.startDate);
$scope.parent.endDate = new Date($scope.selectedScript.endDate);

$scope.$watch('parent.startDate', function(startDate){
$scope.parent.startDate = new Date($scope.parent.startDate);
});