31 lines
889 B
HTML
31 lines
889 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Date Picker Options</title>
|
|
|
|
<!-- (A) LOAD THE LIBRARIES -->
|
|
<!-- <link href="dp-light.css" rel="stylesheet"> -->
|
|
<link href="dp-dark.css" rel="stylesheet">
|
|
<script defer src="datepicker.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-- (B) THE HTML -->
|
|
<input type="text" id="input-opt" placeholder="Options"/>
|
|
<div id="pick-opt"></div>
|
|
|
|
<!-- (C) ATTACH DATE PICKER ON LOAD -->
|
|
<script>
|
|
window.addEventListener("load", () => {
|
|
picker.attach({
|
|
target: "input-opt",
|
|
container: "pick-opt",
|
|
disableday : [2, 7], // DISABLE TUE, SUN (DEFAULT NONE)
|
|
startmon: true, // WEEK START ON MON (DEFAULT FALSE)
|
|
yrange: 5, // ALLOW +/- 5 YEARS FROM NOW (DEFAULT 10)
|
|
onpick: () => { alert("PICKED"); } // DO YOUR STUFF AFTER PICK
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|