Angularjs 使用syncfusion网格编辑对话框中的记录时，时间选择器不显示

我正在使用syncfusion网格显示休假记录。有字段-考勤日期、修改时间、修改时间、主题、记录规范化原因。我已经为考勤日期指定了数据类型e-editType=“datepicker”，并且它在记录编辑和显示上工作正常。但是，对于modified in time和modified out time，我已经指定了e-editType=“timepicker”，它不会在记录编辑时呈现timepicker。我用的是angularjs这是我的代码

正则化.html

<div ng-controller="regularization_controller">
    <div>
        <h2>Regularisation Details

    </div>
    <div>

        <div ej-grid id="Grid" e-width="500px" e-datasource="data" e-columns="columns" e-allowpaging="true" e-editsettings-enablerowhover="true" e-editsettings-allowadding="true" e-editsettings-allowediting="true" e-editsettings-rowposition="bottom"
         e-editsettings-allowdeleting="true" e-editsettings-allowresizing="true" e-editsettings-showconfirmdialog="false" e-editsettings-editmode="mode"


         e-toolbarsettings-showtoolbar="true" e-toolbarsettings-toolbaritems="tools" e-locale="es-ES">

            <div e-columns>
                <div e-column e-field="sr" e-headertext="Sr.No." e-width="60px" e-isprimarykey="true" e-textalign="left"></div>
                <div e-column e-field="attendance_date" e-width="160px" e-editType="datepicker" e-headertext="Attendance Date" e-textalign="center" e-format="{0:dd-MMM-yyyy}"></div>

                <div e-column e-field="modified_in_time" e-width="150px" e-editType="datetimepicker" e-format="{0:dd-MMM-yyyy hh:mm tt}" e-headertext="Modified In Time" e-textalign="center"></div>
                <div e-column e-field="modified_out_time" e-width="150px" e-editType="datetimepicker" e-format="{0:dd-MMM-yyyy hh:mm tt}" e-headertext="Modified Out Time" e-textalign="center"></div>



                <div e-column e-field="subject" e-width="120px" e-headertext="Subject" textalign="left"></div>

                <div e-column e-field="reason" e-width="120px" e-headertext="Reason" textalign="left"></div>

                <div e-column e-field="status" e-headertext="Status" e-width="100px"  e-edittype="dropdownedit" e-datasource="regularize_status" e-textalign="center"></div>
            </div>
        </div>
    </div>

</div>

我错在哪里？有什么解决办法吗。请帮忙。

---

谢谢。

对于列，Syncfusion网格具有以下默认的

editType

• 下拉列表
• 日期选择器
• 日期时间选择器
• 数字的
• 串

您可以使用

对话框模板

功能来包含自定义控件

演示：

[更新]

<div id="Grid" ej-grid
       e-datasource="data" 
       e-editsettings-editmode="dialogtemplate" 
       e-editsettings-dialogeditortemplateid="#template"
       e-actioncomplete="onComplete">
    <div e-columns>
        <div e-column e-field="Hours"></div>
     </div e-columns>
</div>

<script>
   function onComplete(args){
      if(args.requestType == "beginedit"||args.requestType == "add"){
          $("#GridHours").ejTimepicker({ value: args.data["Hours"] });
      }
   }
</script>

模板

<script type="text/x-jsrender" id="template">
    <table>
       <tr>
          <td>
           <input type="text" name="Hours" value:{{:Hours}}/>   
          </td>
       </tr>
     </table>
</script>

事件[JS]

<div id="Grid" ej-grid
       e-datasource="data" 
       e-editsettings-editmode="dialogtemplate" 
       e-editsettings-dialogeditortemplateid="#template"
       e-actioncomplete="onComplete">
    <div e-columns>
        <div e-column e-field="Hours"></div>
     </div e-columns>
</div>

<script>
   function onComplete(args){
      if(args.requestType == "beginedit"||args.requestType == "add"){
          $("#GridHours").ejTimepicker({ value: args.data["Hours"] });
      }
   }
</script>

函数onComplete（args）{
如果（args.requestType==“beginedit”| | args.requestType==“add”）{
$（“#GridHours”）.ejTimepicker（{value:args.data[“Hours”]}）；
}
}

@注意：使用对话框模板时，

edittype

属性不会对设置编辑器控件产生任何影响，用户应全权负责在模板中提供这些控件，并在

actioncomplete事件中将其呈现为控件

---

有关如何使用对话框模板，请参见上面的演示。

您的html代码缺失！我使用了上面的代码，但它不适用于timepicker。我如何修复时间选择器？当我输入时间选择器未显示时，我遇到了editType=“timepicker”的问题。你怎么能做到这一点？谢谢你的回答。我在angularjs和他们一起工作。如何在angularjs中实现同样的功能？以上代码仅适用于angularjs。如果我误解了你的意思，请详细说明你的要求。我已在syncfusion网格中显示了正规化详细信息，其中包含出勤日期、修改时间、修改外出时间、主题、原因等字段。编辑记录时，会打开相应记录的对话框。在这里，对于“修改时间”字段，我目前正在使用e-editType=“datetimepicker”，但我想为“修改时间”字段输入“仅时间”（仅时间选择器弹出窗口），以便在网格列中以“09:00 am”格式显示时间。我已经更新了上面的代码。我在angularjs工作。你能告诉我怎么做吗？