angular单元格中的jquery日期选择器不工作

x0fgdtte  于 2021-09-13  发布在  Java
关注(0)|答案(0)|浏览(133)

第一次发布问题时,我会尽力做好。
我想在齐柏林飞艇的笔记本上放一个日期选择器。我在以下网站上找到了我想要的代码:
https://datafans.medium.com/how-to-use-datepicker-to-implement-zeppelin-jdbc-dynamic-sql-statement-query-eeb729734ace
代码如下:

%angular
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
      <script>
      $( function() {
        $( "#todatepicker" ).datepicker({ dateFormat: 'yymmdd',changeMonth: true,changeYear: true });
        $( "#fromdatepicker" ).datepicker({ dateFormat: 'yymmdd',changeMonth: true,changeYear: true });
      } );
      </script>

<form class="form-inline">
  <div class="form-group">
    <label for="fromDateId">From: </label>

        <input type="text"  id="fromdatepicker" ng-model="fromDate"></input>
         <label for="toDateId">to: </label>
        <input type="text" id="todatepicker" ng-model="toDate"></input>

  </div>
  </p>
  </p>

  <button type="submit" class="btn btn-primary" ng-click=
  "z.angularBind('toDate',toDate,'20200907-163420_1173838812');z.angularBind('fromDate',fromDate,'20200907-163420_1173838812');z.runParagraph('20200907-163420_1173838812')">search</button>
</form>

当我把它复制到我的笔记本上,运行单元格并尝试选择一个日期时,当单元格第一次在新的笔记本上执行时,日历将按预期显示。但是,当我再次执行单元格时,日历不再显示。我不知道它从哪里来。作为参考,zeppelin安装在我的计算机上,基本上只是使用命令bin/zeppelin-daemon.sh start运行
如果需要更多信息,请告诉我。谢谢你的帮助!

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题