div id="dialog">

$(function() {

  $("#dialog").dialog({
     autoOpen: false,
     width: 630,
     modal: true,
     buttons : {
          "Cancel" : function() {
            $(this).dialog("close");
          },
          "Confirm" : function() {
          document.forms[0].submit();         
          }
        }
      });
  $(".ui-button-icon-only").hide();
  $(".ui-dialog-titlebar").hide();

});

function confirmDNW(){
if(document.forms[0].didNotWork && document.forms[0].didNotWork.checked == true){
var startDateVar=document.getElementById("startDate").value ;
if(startDateVar != null && startDateVar.trim() != ''){
    $("#dialog").html("

You are creating 'Did Not Work' timesheet for the selected period" + ".

" + "Once created this timesheet cannot be modified." + "

" +"Please Confirm.

" )

}else{
    $("#dialog").html("

You are creating 'Did Not Work' timesheet for period of "+ document.getElementById("dateRangeString").value + ".

" + "Once created this timesheet cannot be modified." + "

" +"Please Confirm.

" )
}
    $("#dialog").dialog("open");
    $("#footer").css("z-index", "0");
   
}else{
document.forms[0].submit();
}

}