Please enable JavaScript to view this site.

iService Forms User Guide

Date pickers are very common in forms, and iService supports date fields within contact and interaction properties. If you are passing a date to one of these properties it should always be in the format YYYY-MM-DD.

The code below can be used to embed a simple date picker into iService forms.

<html>

<head>

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/themes/redmond/jquery-ui.css" />

</head>

<body>

 

Enter Date: <input class="datepicker" type="text" name="StartDate" id="StartDate" /><br />

$input -id'StartDate' -customhtml$

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"></script>

<script>

$(document).ready(function () {

$(".datepicker").datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true, selectDefaultDate: false, defaultDate: null });

});

</script>

</body>

</html>