Enter Settings
Your Javascript initialization will look like:
Enter your desired datepicker options on the textarea below. A valid option will be applied and relevant initialization code will be generated.
Enter Settings
Your Javascript initialization will look like:
/* Use online reference */
<script
src="https://nepalidatepicker.sajanmaharjan.com.np/nepali.datepicker/js/nepali.datepicker.v4.0.5.min.js"
type="text/javascript"></script>
/* or local */
<script src="/path/to/local/nepali.datepicker.min.js"
type="text/javascript"></script>
/* Use online reference */
<link
href="https://nepalidatepicker.sajanmaharjan.com.np/nepali.datepicker/css/nepali.datepicker.v4.0.5.min.css"
rel="stylesheet" type="text/css"/>
/* or local */
<link href="/path/to/local/nepali.datepicker.min.css" rel="stylesheet"
type="text/css"/>
/* Select your element */
var mainInput = document.getElementById("nepali-datepicker");
/* Initialize Datepicker with options */
mainInput.nepaliDatePicker();
<html lang="en">
<head>
<title>Nepali Datepicker v4.0.5</title>
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<!-- Nepali Datepicker -->
<link
href="https://nepalidatepicker.sajanmaharjan.com.np/nepali.datepicker/css/nepali.datepicker.v4.0.5.min.css"
rel="stylesheet" type="text/css"/>
</head>
<body>
<p>
<input type="text" id="nepali-datepicker" placeholder="Select Nepali
Date"/>
</p>
<script
src="https://nepalidatepicker.sajanmaharjan.com.np/nepali.datepicker/js/nepali.datepicker.v4.0.5.min.js"
type="text/javascript"></script>
<script type="text/javascript">
window.onload = function() {
var mainInput = document.getElementById("nepali-datepicker");
mainInput.nepaliDatePicker();
};
</script>
</body>
</html>
The nepali.datepicker is built upon nepali.functions, so all the functions available under the nepali.functions are available to use after you include the nepali.datepicker javascript file.
Availabe NepaliFunctions (View the full documentation)
<script
src="https://nepalidatepicker.sajanmaharjan.com.np/nepali.datepicker/js/nepali.datepicker.v4.0.5.min.js"
type="text/javascript"></script>
<script type="text/javascript">
console.log(NepaliFunctions.GetCurrentBsDate());
</script>
| Option Name | Type | Description |
|---|
| Option Name | Type | Description |
|---|