Re: Date Range Selectors

[Mohit Jaggi]

Try the following. Replace the paragraph id with yours.

— para 1 --
%angular

<form class="form-inline">
  <div class="form-group">
    <label for="fromDateId">From: </label>
         <link rel="stylesheet" 
href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
      <link rel="stylesheet" href="/resources/demos/style.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();
        $( "#fromdatepicker" ).datepicker();
      } );
      </script>
        <input type="text"  id="fromdatepicker" ng-model="fromDate"></input>
        <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,'20160819-131402_648518263');z.angularBind('fromDate',fromDate,'20160819-131402_648518263');z.runParagraph('20160819-131402_648518263')">
  
  
  Bind</button>

</form>


 —— para 2 --
%md
### Date range is ${fromDate} to ${toDate}


Mohit Jaggi
Founder,
Data Orchard LLC
www.dataorchardllc.com




> On Aug 25, 2016, at 4:39 AM, Jonathan Gough <jgo...@frontier.co.uk> wrote:
> 
> Is there an easy and nice way to display a date range selector in Zeppelin?  
> I want the user to specify a start and end date and then I’ll add some update 
> a graph based on the two dates, but I can’t find a nice way of selecting a 
> date range.  Any thoughts on how I can do this?
>  
> Thanks,
>  
> Jonathan