C#

// Class that starts the calculation process - Sample Code seen on the web
        public class ClassThatCallsContextObject
        {
            public void StartCalculation ( )
            {
                decimal calculationResult = 0.0M;

                ContextObject contextObject;

                // Initilize the contextObject with the first calculation method
                contextObject = new ContextObject(new CalculationMethod1());
                calculationResult = contextObject.Calculation();
                // calculationResult would be set to 1.0

                // Initilize the contextObject with the second calculation method
                contextObject = new ContextObject(new CalculationMethod2());
                calculationResult = contextObject.Calculation();
                // calculationResult would be set to 2.0
            }
        }

// Define the possible calculation strategies
    public enum CalculationStrategies { Method1, Method2}

// Class that starts the calculation process - With User Selection
    public class ClassThatCallsContextObjectWithUserSelection
    {
        public void StartCalculation ( CalculationStrategies userInput )
        {
            decimal calculationResult = 0.0M;

            ContextObject contextObject;

            switch (userInput)
            {
                case CalculationStrategies.Method1:
                    // Initilize the contextObject with the first calculation method
                    contextObject = new ContextObject(new CalculationMethod1());
                    calculationResult = contextObject.Calculation();
                    // calculationResult would be set to 1.0
                    break;
                case CalculationStrategies.Method2:
                    // Initilize the contextObject with the second calculation method
                    contextObject = new ContextObject(new CalculationMethod2());
                    calculationResult = contextObject.Calculation();
                    // calculationResult would be set to 2.0
                    break;
            }
        }
    }

// Class that starts the calculation process
    public class ClassThatCallsContextObject
    {
        public void StartCalculation ()
        {
            decimal calculationResult = 0.0M;

            ContextObject contextObject = new ContextObject();
            calculationResult = contextObject.Calculation(CalculationStrategies.Method1);
            // calculationResult would be set to 1.0
            calculationResult = contextObject.Calculation(CalculationStrategies.Method2);
            // calculationResult would be set to 2.0
        }
    }

    // Define the possible calculation strategies
    public enum CalculationStrategies { Method1, Method2}

    // Class that executes the calculations
    public class ContextObject
    {
        // Constructor
        public ContextObject ()
        {

        }

        // Method that has multiple ways to calculate the value depending on user input
        public decimal Calculation ( CalculationStrategies selectedStrategy )
        {
            decimal calcualtedValue = 0.0M;
            switch (selectedStrategy)
            {
                case CalculationStrategies.Method1:
                    calcualtedValue = CalculationMethod1();
                    break;
                case CalculationStrategies.Method2:
                    calcualtedValue = CalculationMethod2();
                    break;
            }
            return calcualtedValue;
        }

        // Calculation Method 1
        private decimal CalculationMethod1 (  )
        {
            return 1.0M;
        }

        // Calculation Method 2
        private decimal CalculationMethod2 ()
        {
            return 2.0M;
        }
    }

// Class that starts the calculation process - Sample Code seen on the web
        public class ClassThatCallsContextObject
        {
            public void StartCalculation ( )
            {
                decimal calculationResult = 0.0M;

                ContextObject contextObject;

                // Initilize the contextObject with the first calculation method
                contextObject = new ContextObject(new CalculationMethod1());
                calculationResult = contextObject.Calculation();
                // calculationResult would be set to 1.0

                // Initilize the contextObject with the second calculation method
                contextObject = new ContextObject(new CalculationMethod2());
                calculationResult = contextObject.Calculation();
                // calculationResult would be set to 2.0
            }
        }

        // Define the possible calculation strategies
        public enum CalculationStrategies { Method1, Method2 }

        // Class that executes the calculations
        public class ContextObject
        {
            private ICalculationMethod _calculationMethod;

            // Constructor
            public ContextObject ( ICalculationMethod calculationMethod )
            {
                _calculationMethod = calculationMethod;
            }

            // Method that has multiple ways to calculate the value depending on user input
            public decimal Calculation ()
            {
                return _calculationMethod.CalculationMethod();
            }
        }

        interface ICalculationMethod
        {
            decimal CalculationMethod ();
        }

        public class CalculationMethod1 : ICalculationMethod
        {
            // Calculation Method 1
            private decimal CalculationMethod ()
            {
                return 1.0M;
            }
        }

        public class CalculationMethod2 : ICalculationMethod
        {
            // Calculation Method 2
            private decimal CalculationMethod ()
            {
                return 2.0M;
            }
        }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>


<link rel="stylesheet" media="all" type="text/css" href="jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="jquery-ui-timepicker-addon.css" />
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>
<script type="text/javascript">
    $(function () {
      
         var counter = 1;
          jQuery("#<%= btnD1Add.ClientID %>").click(function (event) {
            event.preventDefault(); //this code is added to prevent the default submit functionality of the button

            jQuery("<li>").appendTo(".Date1More");
            jQuery("<label id='lblD1StartTime" + counter + "'>StartTime:</label><input type='text' id='txtD1StartTime"  +counter + "' name='txtStartTime1'/>").timepicker({
                hourGrid: 10,
                minuteGrid: 10,
                timeFormat: 'hh:mm tt'
            }).appendTo(".Date1More");
            
            counter++;
        });
    });
</script>
       <asp:Button ID="btnD1Add" runat="server" Text="Add more time slots" />
       

               <li>
                    <ul class="Date1More">
                                          
                </ul>
               </li>
</html>

protected string[] txtStartTime1;
   protected void Page_Load(object sender, EventArgs e)
        {
            
           
            txtStartTime1 = Request.Form.GetValues("txtStartTime1");
        }
protected void Page_Init(object sender, EventArgs e)
        {
            try
            {
                if (txtStartTime1.Length > 0)
                {
                    TextBox txtStTime1 = new TextBox();
                    txtStTime1.ID = "txtD1StartTime";
                    txtStTime1.CssClass = "timepicker";
                    this.Controls.Add(txtStTime1);

                }
              
            }
            catch(Exception ex){}

        }