<form action="">
	<label for="">選擇日期:</label> 
	<div class="input-group date" id='date1'>  
		<input type="text" class="form-control" />  
		<span class="input-group-addon">  
	        <i class="glyphicon glyphicon-calendar"></i>  
	    </span>
	</div>  
</form>
form{
  width:50%;
   margin:20px auto;
}
$('#date1').datetimepicker({
		date:null,
	    format: 'YYYY-MM-DD',
	    locale: moment.locale('zh-tw'),
	   	daysOfWeekDisabled: [0, 6],
	    minDate: moment().add(1,'days'),
	    maxDate: moment().add(30,'days'),
	    disabledDates: [
	    	moment().add(1,'days'),
	    	moment().add(2,'days'),
		    '2021-10-10',
		    '2021-12-25'
    	]
	});

External CSS

  1. https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css
  2. https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css

External JavaScript

  1. https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js
  2. https://cdn.bootcss.com/moment.js/2.18.1/moment-with-locales.min.js
  3. https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js