official homepage
Example 1
<head>
<script src="jquery.js"></script>
<link rel="stylesheet" href="jquery-ui.min.css">
<script src="jquery-ui.min.js"></script>
<script>
window.addEventListener("load",_ => {
const { log } = console
$( "#date ").datepicker()
$( "div.vslider" ).slider({
orientation: "vertical",
min: 0,
max: 100,
value: 50
})
let div = $("<div></div>")
div.slider({orientation:"horizontal"})
$( "body" ).append(div)
})
</script>
</head>
<body>
<input type="text" name="date" id="date">
<div class="vslider"></div>
</body>