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 <[email protected]> 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
